楼主最近在项目中实践了一下vue期间遇到了一些坑,现在记录一下
如果按照平常的使用习惯看起来好像没多大问题,切换父元素的时候监听change事件联动子元素值的变化佷符合常年使用jQuery开发的习惯,效果如图:
那如果页面上有多个使用到相同的联动效果的地方呢我们看下效果会是怎样,如图
结果是互相受到影响,这并不是我们想看到的
我的解决办法是,citys改为一个实时计算得到的数组而不是绑定现有仅有的同一个数组代码改写如下:
可鉯看到,现在已经不会互相影响了
总结:类似vue的mvvm框架都是数据与视图双向绑定的,而change事件往往用于视图改变的时候去操作数据这在mvvm框架里面显得多此一举,框架本身已映射视图的变化到数据上所以绝大部分的change事件监听都是不必要的,对应vue可改写为methods方法或者computed计算属性。