Vue学习笔记(一)

1、渐进式JavaScript框架：Vue核心库(小)，插件库(大)，作用：动态构建用户界面

2、特点：适合移动/PC端开发

3、vue的扩展插件：mint-ui(移动端)，element-ui（PC）

4、MVVM：model（模型，数据对象data），view（视图，模版页面），viewMode（视图模型，vue的实例）

5、指令一：强制数据绑定；指令2：事件监听

6、计算属性：在computed属性对象中定义属性方法，在页面中使用{{方法名}}来显示计算的结果； 计算属性存在缓存，多次读取只执行一次getter方法

7、监视属性：通过vm对象的$watch()或watch配置来监视指定的属性

8、class和style的绑定

9、条件渲染指令：v-if、v-else、v-show；如果需要频繁切换v-show较好

10、列表渲染：v-for；数据更新检测

11、事件处理：

1)绑定监听：@click=test（$event）->  event.target.属性

2)事件修饰符：@click.stop：停止事件冒泡；@click:prevent：阻止事件的默认行为

3）按键修饰符：@keyup.enter：按下enter键时执行事件

12、表单数据绑定：v-model

13、Vue实例的生命周期：又叫勾子函数。初始化，更新，死亡。

mounted:{} 初始化显示之后立即调用

beforeDestroy:{} 死亡之前调用1次

14、Vue动画和过渡：<transition name='xxx'>，定义class样式

15、过滤器