VUE之基本组成和使用

参考资料：

参考视频

视频资料及个人demo

vue官网

vue官网-vue.js组成说明

 VUE之基本部署及VScode常用插件

关闭驼峰命名法的使用异常 

---

VUE项目结构介绍：

通过上文步骤（VUE之基本部署及VScode常用插件）,我们创建了一个基本的VUE应用，其基本结构如下：

• 

   ①、App.vue,VUE 的入口，VUE启动后访问的第一个页面，任何页面都是从这个页面嵌套而来的；
• ②、main.js，VUE所有页面的公共依赖都可以在这里引入，类似于SpringCloud的common微服务，在这里引入后，就可以在其他地方直接使用，如：axios，element-ui，bootstrap等。
• VUE文件通常都要大写字母开头
• ③、通过npm安装的都位于node_modules文件夹下面

---

VUE文件三大组成部分及简介：

• 创建一个文件，输入<vue,然后回车，即可自动生成vue的三个组成部分，及最基本元素。