vue基础学习-2

二、vue2.0

1. vue的特性

1.1 数据驱动视图

vue会监听数据的变化，然后自动重新渲染页面（单向数据绑定）

1.2 双向数据绑定

在网页中，form表单采集数据，开发者可以不操作DOM自动同步用户填写的内容

• js数据的变化会被自动渲染到页面上
• 页面的数据变化也可以更新到js中

MVVM是数据驱动视图和双向数据绑定的底层原理
model(页面渲染时依赖的数据源) view（页面的DOM结构）和ViewModel（vue的实例，是MVVM的核心）

2. vue基础用法

2.1 vue指令和过滤器

2.1.1 指令

注意：除了支持绑定的数据值之外，还支持JavaScript表达式的运算

1. 内容渲染指令
   辅助开发者渲染DOM元素的文本内容

• v-text 缺点：会覆盖元素原来的内容
• {{}} 插值表达式（Mustache)：在实际应用中运用较多，不会覆盖原来的内容
• v-html 可以把带有标签的字符串，渲染成真正的html

2. 属性绑定指令

• v-bind： 为元素的属性动态绑定值，可简写为:

3. 事件绑定属性
   -v-on
   v-on:事件名称=“事件函数名”
   函数实现在