代码改变世界

Vue学习

2019-12-15 22:42  cascle  阅读(302)  评论(0编辑  收藏  举报

1.Vue导入,项目资料

 

2.Vue的mvvm架构

 

3.Vue CLI项目架构

CLI 3.x的目录结构如下:

 

其中:

  • main.js为CLI为webpack打包编译转换器设置的默认入口文件,这里初始化vue,资源,挂在到html页面的相应节点,是程序第一个开始执行的代码。template是字符串模板的意思,用它或者(render)来替换模板页面里的节点内容。这里是使用App组件标签
  • App.vue是Vue框架里的根组件,挂载所有其他组件,其在main.js里实例与初始化,并去替换index.html里的同id节点
  • index.html是网站页面的根页面(SPA程序就这么一个页面)、容器,用来引入/承载相应的js、css。里边指定了id="app"的节点会被App.vue内容替换,这是main.js里的Vue实例决定的

 

2.Vue类的属性还有其回调函数

computed

watched

mixin

 

3. Vue指令

 

4.Vue组件

 

5.CLI创建Vue项目

 

6.Vue项目主要文件

 

7.Vue Router插件

 

8.VueX插件

 

9.Axios

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

y