Vue怎么创建应用入口(vue,开发技术)

时间:2024-05-09 12:00:46 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vue%E6%80%8E%E4%B9%88%E5%88%9B%E5%BB%BA%E5%BA%94%E7%94%A8%E5%85%A5%E5%8F%A3

默认情况下 src/main.js 是直接初始化一个 Vue 应用

但在后台类项目中,应用在被用户可操作前,一定是需要登录的,这就导致很多时候,我们会套一个函数。

这样只要不调用 render 函数,那么应用就不会被创建,用户也就无法操作。

但这样会导致页面处于空白状态,为了友好,可以加一些加载动画效果.

打开 public/index.html 文件,将你的 Loading 效果放在 div#app 中。

当我们创建应用,Vue 会自动清空 div#app 里面的内容,所以不需要关系初始化后的清理工作。

当有了 Loading 动画之后,我们就可以去获取,如 授权认证 和 菜单获取 等操作。

一旦数据准备完毕,应用就显示了,就不会出现应用一闪而过的问题了。

正常而言,一个 前端工程 只会存在一个 前端应用,也就是比较熟悉的 SPA 模式,但有时候也需要导出多个 html 文件,每一个 html 文件都对应一个 Vue 实例,这种开发模式也被称为 MPA 模式。

但不管是 SPA 还是 MPA,对于工程而言,源码都是放在一起的,所以配置都是一样的。

Vue CLI 默认的应用类型是 SPA 单页应用,但在提供了 pages 字段。

添加 登录页 的 应用入口 和 应用视图 文件

创建视图文件

创建应用入口

重启你的应用

本文:Vue怎么创建应用入口的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:ajax能做什么下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18