首页 > 程序开发 > web前端 > JavaScript >

走进Vue.js

2017-08-01

走进Vue js。(1)v-bind:title = "message " (2)v-if=“seen” (3)v-for= "todo in todos " 数组 v-for=“(item,index) in items " 对象 v-for= "(value,key,index) in object " 。

走进Vue.js

(1)v-bind:title = "message" (2)v-if=“seen” (3)v-for="todo in todos" 数组 v-for=“(item,index) in items" 对象 v-for="(value,key,index) in object" (4)v-on:click="" (5)v-model=“” (6)v-once 一次性插值 (7)过滤器:只能在{{}}和v-bind中使用 filters:{ capitalize:function(value){}} (8)缩写 v-bind:href="" => :href="" v-on:click="" => @click (9)计算属性{{re}} computed:{re:function(){...return ..}} (10)watch:{ question:function(){}} 数据变化时执行异步操作 (11)v-bind:class="{‘active’:isActive}" v-bind:class="[isActive?activeclass:errerclass]" (12)绑定内联样式 v-bind:style="{color:..}" (13)v-if v-else (14)添加key使两个元素完全独立 (15)v-show (17)计算属性显示过滤结果 (18)事件修饰符 (19)键值修饰符 (20)v-model.trim=“msg” 过滤首尾空格
相关文章
最新文章
热点推荐