码迷,mamicode.com
首页 > 其他好文 > 详细

vue中常用到的指令

时间:2018-09-12 20:01:37      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:输入   ref   v-for   model   title   关联   tle   渲染   sage   

? v-text:更新元素的textContent;例如:<span v-text="msg"></span> 等同于 <span>{{msg}}</span>;


? v-html:更新元素的innerHTML


? v-bind:响应并更新DOM特性;简写:: ;例如:v-bind:href v-bind:class v-bind:title v-bind:bb


? v-on:用于监听DOM事件;简写:@ ; 例如:v-on:click v-on:keyup


? v-for:循环指令;例如:<li v-for="(item,index) in todos"></li>


? v-if:条件渲染指令,动态在DOM内添加或删除DOM元素


? v-show:条件渲染指令,为DOM设置css的style属性


? v-model:数据双向绑定;用于表单输入等;例如:<input v-model="message">


? v-cloak:不需要表达式,这个指令保持在元素上直到关联实例结束编译;

vue中常用到的指令

标签:输入   ref   v-for   model   title   关联   tle   渲染   sage   

原文地址:https://www.cnblogs.com/lin431/p/9636251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!