参考资料:
VUE项目结构介绍:
通过上文步骤(VUE之基本部署及VScode常用插件),我们创建了一个基本的VUE应用,其基本结构如下:
-
①、App.vue,VUE 的入口,VUE启动后访问的第一个页面,任何页面都是从这个页面嵌套而来的; - ②、main.js,VUE所有页面的公共依赖都可以在这里引入,类似于SpringCloud的common微服务,在这里引入后,就可以在其他地方直接使用,如:axios,element-ui,bootstrap等。
- VUE文件通常都要大写字母开头
- ③、通过npm安装的都位于node_modules文件夹下面
VUE文件三大组成部分及简介:
- 创建一个文件,输入<vue,然后回车,即可自动生成vue的三个组成部分,及最基本元素。