0.参考文档

1. 理解vuex -- vue的状态管理模式
2. vuex最简单、最详细的入门文档
3. vue+webpack项目实战
4. https://github.com/sally2015/vue-project

1. 关键词

1. 文本插值,响应式系统,数据绑定到DOM文本或特性,以及虚拟DOM结构

2. 过渡效果系统

3. 指令,事件监听,响应并更新属性,数据绑定

4. 选项对象,根Vue实例,组件系统,

5. 修饰符 (Modifiers),计算属性computed,侦听属性watch,很容易滥用 watch 回调

2. 摘录

1. $前缀 ,实例属性,每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM

2. 生命周期钩子mounted,updated,destroyed,created
   3.箭头函数是和父级上下文绑定在一起的

3. 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。

4. Vue 不是基于字符串的模板引擎

5. 每个绑定都只能包含单个表达式

6. 指令属性的值预期是单个 JavaScript 表达式 。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM
   8.计算属性是基于它们的依赖进行缓存的.计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter

7. 字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。

8. 当在一个自定义组件上使用 class 属性时，这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。

搭建新的Vue项目

1. vue-cli;webpack;CLI只是Command Line Interface的缩写
2. npm run dev

生命周期图示

Vue实例的生命周期