vue.js 一些知识点

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

原文地址:https://www.cnblogs.com/liumcb/p/7754989.html