vue-02

课程目标

1. vuejs其他指令学习（v-model v-bind v-on）

2. 双向数据绑定原理

3. computed watch filter 三个api

v-model

用于表单数据的收集

1. input type=“text”

2. input type=“checkbox” 复选框

3. input type=“radio” 单选

4. select (单选和多选)

v-bind

是给标签的属性进行值的设置

常见：

1. 给 img 标签设置 src 属性
2. 给 标签 设置 class 和 style 属性

v-on

用于事件的绑定

2. 双向数据绑定原理

方向一：模型到视图变化
方向二：视图到模型的变化

底层的实现：
vue2.x 依赖 es5 里面提供的一个api Object.defineproperty

vue3.x 依赖 es6 里面 Proxy（es6里面提供的一个api）

3. computed watch filter 三个 api

这个三个 api 都是负责对模型变量进行处理的。

1. computed 翻译归来叫做计算出来，意思是某个属性是依靠其他的模型变量进行得来的。

2. watch 翻译过来监视的意思，监视某个模型的变化。

3. filter 翻译过来叫做过滤器，负责数据进行处理。

# 在我们的操作系统里面，如果我们执行如下的命令，可以叫做 管道，或者叫做过滤器
# 可以这样，把前一个命令的输出作为下一个命令的输入。

netstat -ano  | findStr 80

在 vuejs 里面也提供了类似操作系统管道的使用方式，在vuejs里面可以叫做过滤器，有的地方（程序员）也叫作变量调节器。

注意：filter是在 vuejs 1.x 存在的，在 vuejs 2.x 已经被移除了。但是有的时候，面试官问，有老项目还使用 filter 。

computed watch

如果我们的业务里面牵涉到异步操作（网络请求），则只能使用 watch；除此之外，两个没有差异（所站的角度不一样）。

之前：event ； 事件代理 和 事件委托

总结：面试