vue的数组变化侦测/计算属性/Class绑定/Style绑定

1.数组变化侦测

效果图

单击push按钮后可增加其内容，直接显示在页面中
单击concat按钮后修改数组，不直接显示在页面中，将数组赋值后显示
addArrayt(){
//不引起ul自动更新
this.names.concat(["sakura"])
//若不赋值则无法显示
this.names = this.names.concat(["sakura"])
}
2.计算属性
计算属性和方法都能显示一样的效果

效果图

但两者区别在于计算属性未改变时只执行一次，方法未改变时相同的全部方法都执行
两者重点区别
计算属性：计算属性值会基于其影响式依赖被缓存，一个计算属性仅会在其影响式依赖更新时才重新计算
方法：方法调用总是会在重渲染发生时再次执行函数
3.Class绑定
Class绑定可用数组或对象

4.Style绑定
Style绑定可用数组或对象，不建议使用数组