Vue启动调用的结构讲解

vue调用顺序: index.html → main.js → app.vue → index.js → components/组件

一般项目创建好会有三个文件： index.html、main.js、 app.vue

1.index.html:
所有的vue文件都是单页面形式开发，所有vue组件都是通过index.html进行渲染加载。
Vue启动调用的结构讲解
2. main.js：
入口函数，控制初次启动vue项目要加载的组件
import Vue from ‘vue’ 引入vue
import App from ‘./App’ 引入App.vue文件
import router from ‘./router’ 引入一段路由配置
Vue.use(a)引用方法a
el： #app 这个和index.html中的app组件挂钩（官网解释：模板将会替换挂载的元素）
watch: 用来监听路由的变换，可以用来定义页面切换时的过渡效果
Vue启动调用的结构讲解
3、App.vue默认为一个根组件
export 中的name 属性：组件名字
created: 声明周期函数

4、index.js文件
引入组件的代码
routes定义时，path为你以后页面间路由跳转的路径
name为import进来的名字
component也为这个名字
Vue启动调用的结构讲解
其他文件
-build