vue.js 一些知识点

Posted 2020-10-12 liumcb

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 属性。