VUE之基本组成和使用

参考资料:

参考视频

视频资料及个人demo

vue官网

vue官网-vue.js组成说明

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

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


VUE项目结构介绍:

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

  • VUE之基本组成和使用_第1张图片

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

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

  • 创建一个文件,输入

VUE之基本组成和使用_第2张图片