简单点说语法糖就是对一个更加复杂的 *** 作的封装
// 1. v-model 在表单元素上使用
// 2. v-model 在自己定义的组件上使用
上面的写法是快捷方式,它等价于如下复杂的写法:
num=新值" />
// v-model做两件事:
// 1. 向子组件传来一个名为value的属性
// 2. 在子组件监听input事件,这个事件的回调中修改value所绑定的值
父组件 :
父组件{{ num }}
子组件 :
子组件{{ value }}
优点 : v-model写法比较简单 , 一个指令实现两个功能 , 父传子(value属性) , 子传父(input事件)
是否可以不用 : 可以
vue2响应式的缺点响应式 : 数据改变 --> 视图跟着变化
1 对象新增的属性没有响应式
2 数组的部分 *** 作没有响应式
拥有数据响应式的七种 : push(),pop(),shift(),unshift(),splice(),sort(),reverse()
1 对象新增的属性没有响应式 :
响应式的缺陷-对象
{{Math.random()}}
a: {{obj.a}}, b: {{obj.b}}, c:{{obj.c}}
2 数组的部分 *** 作没有响应式
响应式的缺陷-数组
数组的 *** 作有7个方法有响应式的效果:
push() pop() shift() unshift() splice() sort() reverse()
就这个7个api会修改原数组(vue2的内部它重写这7个API)
其他的 *** 作都不会有响应式:
1. 通过下标给元素赋值。
2. 修改数组的length
{{Math.random()}}
{{item}}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)