vue.js 也是试图层的运用方法,跟react的方法类似,不过也有许多的不同地方:
1、vue.js 对于数据也是用{{ }} 进行数据更新;
2、vue.js 使用 v-html 指令用于输出 html 代码;
3、v-bind: 用来控制html的属性值;例如更改class属性,v-bind:class;
v-bind:href 可以简写为 :href
4、v-on: 用来监听DOM事件;例如v-on:click = "clickhandle";
v-on:click = “message" 可以简写为 @click = "message"
5、v-model: 用来实现双向数据绑定;(主要用于input和textarea);
6、v-if:用来判断是否 v-if="show";
7、v-for: 用来循环数据 v-for="item in items"
当数据是对象的时候 v-for = "value in object "; 若是需要键值或者索引 v-for = ''(value,key,index) in object ".分别是(键值,键名,索引);
8、计算属性:computed:
方法属性:methods:
两者都可以重新渲染数据,不过,computed是基于它的依赖缓存,而methods在重新渲染的时候,函数总会重新调用执行;
computed性能更好,但是如果你不希望缓存,你可以使用 methods 属性。