首页 > Web开发 > 详细

vue.js 一些知识点

时间:2017-10-30 16:34:56      阅读:224      评论:0      收藏:0      [点我收藏+]

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

 

vue.js 一些知识点

原文:http://www.cnblogs.com/liumcb/p/7754989.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!