vue 小白学习

vue 学习框图 

模板语法：

• 认识Vue文件结构（template，script，style）； 
• 模板语法包含插值、指令（指令缩写）；

计算属性与侦听器

• 计算属性：computed
• 侦听器：watch

methods, watch, computed的区别

1. computed 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；
2. methods 方法表示一个具体的操作，主要书写业务逻辑；
3. watch 一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是 computed 和 methods 的结合体；

条件渲染、列表渲染、Class与Style绑定

条件渲染的常用指令：v-if，v-else，v-else-if，v-show

列表渲染的常用指令：v-for，v-for与v-if结合使用，v-for高阶用法

vue-cli工具

• 快速创建工程的两种方法
  • vue create project_name
  • vue ui
• 工程化项目的目录

组件化思想

• 什么是组件化？
  • 独立的、可复用的，整体的
• 为什么要组件化？
  • 实现功能模块的复用
  • 高执行效率
  • 开发单页面复杂应用

vue-router

vuex

• 为Vue.js开发的状态管理模式
• 组件状态集中管理
• 组件状态改变遵循统一的规则

页面由很多个视图（view）组成，用户的操作会带来这个视图上一些状态的变化，状态的变化用来驱动一些视图的更新。