课程目标
-
vuejs其他指令学习(v-model v-bind v-on)
-
双向数据绑定原理
-
computed watch filter 三个api
v-model
用于表单数据的收集
-
input type=“text”
-
input type=“checkbox” 复选框
-
input type=“radio” 单选
-
select (单选和多选)
v-bind
是给标签的属性进行值的设置
常见:
- 给 img 标签设置 src 属性
- 给 标签 设置 class 和 style 属性
v-on
用于事件的绑定
2. 双向数据绑定原理
方向一:模型到视图变化
方向二:视图到模型的变化
底层的实现:
vue2.x 依赖 es5 里面提供的一个api Object.defineproperty
vue3.x 依赖 es6 里面 Proxy(es6里面提供的一个api)
3. computed watch filter 三个 api
这个三个 api 都是负责对模型变量进行处理的。
-
computed 翻译归来叫做计算出来,意思是某个属性是依靠其他的模型变量进行得来的。
-
watch 翻译过来监视的意思,监视某个模型的变化。
-
filter 翻译过来叫做过滤器,负责数据进行处理。
# 在我们的操作系统里面,如果我们执行如下的命令,可以叫做 管道,或者叫做过滤器
# 可以这样,把前一个命令的输出作为下一个命令的输入。
netstat -ano | findStr 80
在 vuejs 里面也提供了类似操作系统管道的使用方式,在vuejs里面可以叫做过滤器,有的地方(程序员)也叫作变量调节器。
注意:filter是在 vuejs 1.x 存在的,在 vuejs 2.x 已经被移除了。但是有的时候,面试官问,有老项目还使用 filter 。
computed watch
如果我们的业务里面牵涉到异步操作(网络请求),则只能使用 watch;除此之外,两个没有差异(所站的角度不一样)。
之前:event ; 事件代理 和 事件委托
总结:面试