钉钉小程序与普通vue的区别

1. 动态绑定class:
钉钉小程序: class=" {{item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60') }}"

vue: :class="'red': isActive" :class="[item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60']"

2. 事件传值

钉钉小程序: data-item="item" 把a:for的属性值绑定在事件触发的标签上,然后在事件中,通过event.target.dataset.(绑定的值名称)即可动态根据不同的值来执行不同的逻辑

钉钉小程序与普通vue的区别_第1张图片

vue: 直接在事件中传递参数即可

3.改变实例中data的值

钉钉小程序: this.setData({name: value})

vue: this.name = 'beautiful'

你可能感兴趣的:(技术篇,vue.js)