一、前言
vue
项目启动后调用顺序: index.html
→ main.js
→ app.vue
→ index.js
→ components/组件
二、文件介绍
项目创建好后,一般会生成三个文件:index.html
、main.js
、app.vue
。
-
main.js
:相当于java
的入口函数,控制初次启动vue
项目要加载的组件。el:'#app'
和index.html
中的app
组件挂钩。官网解释为:
模板将会替换挂载的元素。
watch
:用来监听路由的变换,可以用来定义页面切换时的过渡效果。
其他文件:
-build
-build.js
生产环境构建脚本
-utils.js
构建相关工具方法
-webpack.base.conf.js
webpack
基础配置
-webpack.dev.conf.js
webpack
开发环境配置
-webpack.prod.conf.js
生产环境配置
-confg
项目配置
–dev.env.js
开发环境变量
–index.js
项目配置文件
–prod.env.js
生产环境变量
–test.env.js
测试环境变量
-package.json
npm
包配置文件,里面定义了项目的npm
脚本,依赖包等信息
-src
源码目录
–main.js
入口js
文件
–app.vue
根组件
–components
公共组件目录
–title.vue