首页 > 其他分享 >vue 配合后端请求异步加载APP.vue

vue 配合后端请求异步加载APP.vue

时间:2023-12-05 11:23:53浏览次数:33  
标签:异步 vue createApp APP import app App 加载

主要是想在加载路由什么的之前先请求一些配置参数,毕竟我的情况是首页要根据不同的配置显示不同的路由组件

一般加载App.vue是这么写的

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

异步加载的话,天才我深思熟虑后是这么写的。我把代码贴群里大佬看见对我评论:卧槽你真牛逼!

import { createApp } from 'vue'

const initApp = async ()=>{
// axios 请求 然后修改路由和全局变量什么的
const app = await import('./App.vue')
createApp(app.default).mount('#app')
}

  

特么的看了官方文档发现根本不需要我那么抽象

import { createApp } from 'vue'
import { defineAsyncComponent } from 'vue'
const initApp = async() =>{
// axios 请求 然后修改路由和全局变量什么的
const AsyncApp = defineAsyncComponent(()=> import('./App.vue'))
createApp(AsyncApp).mount('#app')
}

  

标签:异步,vue,createApp,APP,import,app,App,加载
From: https://www.cnblogs.com/mistrainy/p/17876810.html

相关文章

  • Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
    项目代码同步至码云weiz-vue3-templatepina是vue3官方推荐的状态管理库,由Vue核心团队维护,旨在替代vuex。pina的更多介绍,可从pina官网查看特点更简洁直接的API,提供组合式风格的API支持模块热更新和服务端渲染对TS支持更为友好安装npmipinia使用1.创建......
  • avvio fastify的异步node 应用启动框架
    avvio是fastify团队开发的一个node应用异步启动的框架,实现了一些方便的异步处理,同时还可以保证执行顺序,在实际业务中还是一个比较有用的工具包参考使用app.js constavvio=require("avvio")() functiona(instance,opts,cb){(opts.use||[]......
  • MAUI+Masa Blazor APP 各大商店新手发布指南-华为篇
    目录前言准备材料一、企业认证二、审核资料审核注意事项总结前言AppGalleryConnect(简称AGC)是华为应用市场推出的应用一站式服务平台,致力于为开发者提供应用创意、开发、分发、运营、分析全生命周期服务,构建全场景智慧化的应用生态。AppGalleryConnect深度整合华为内部各项优......
  • uniapp+vue3 优惠券样式
    效果如图:template部分:<viewclass="item"><viewclass="box"><viewclass="content"><viewclass="head">优惠券</view><viewclass="content-box1">......
  • Vue3 实现网页水印
    一些公司和组织出于系统文件或信息安全保密的需要,需要在系统网页上增加带有个人标识的水印。首先我们来看这样一个水印功能的实现思路,通常是在我们原有的网页上附上一个DIV层,将它设置绝对定位铺满整个窗口,然后z-index值尽量往大了设,保证让水印层处于当前网页所有元素的上面,又不......
  • 盗墓迷城app游戏系统开发-玩法等你探索
      盗墓迷城游戏是一款以盗墓为主题的手机游戏,游戏中的元素和画面都是以游戏为主的剧情,并非真实的动作。在开发游戏时都是以游戏挖掘模式,游戏探险,闯关形式,游戏的运营也具有一定的稳定性。  游戏中引入的角色,玩家按照自己的喜欢的创建进行创建,每个角色的属性技能,影响了玩家......
  • 盗墓迷城app游戏软件功能大全开发
      盗墓迷城是一款盗墓为主题的游戏,剧情借助了盗墓元素,其实是以逃逸为模式,还有生存模式,以下就是游戏的详细开发介绍。  该游戏支持沉浸式体验,在线联机,玩家一起组队探险,一起闯关破谜题,解锁各种的任务,寻找神秘礼物。游戏还提供了丰富地图路线,观看,玩家不断的挑战各种的剧本,关......
  • 关于vue如何在本地直接运行打包后的网页
    使用npmrunbuild可以对vue项目进行打包 生成文件夹dist,里面的html只能放在服务器查看效果,在本地打开会报错 这是因为vue-cli打包时,默认的publicPath路径是'/'只需要在vue.config.js文件中将publicPath路径改为 './' 或 ''  如果服务器上需要增加一层路径,也是......
  • 新建vue项目,并引入element ui和axios的步骤
    一、新建vue项目(1)win+R进入命令行 使用cmd (2)切换到需要创建vue项目的盘符下  直接D:就能切换到D盘 (3)使用vueui指令进入图形化创建vue项目的界面(注意在创建项目的时候,命令行不能关闭)  之后就在浏览器的界面中进行创建  点击下方的“在此创建新项目”(4)......
  • uniapp获取用户信息
    新接口getUserProfileFn内置login,如果必须要login返回的参数要隔离开vue3书写要对按钮配置属性<button@click="logintou"data-eventsync="true"class="main-login-bottom">授权登录</button>——————————————————constapp=getApp()exportletloginFn......