vue.js常用指令
2017-12-29 18:24
627 查看
v-bind/v-if/v-show/v-else/v-for/v-on
1.v-bind 该指令用于响应地更新HTML特性，比如绑定某个class元素或元素的style样式
{{ n + 1 }}
2.v-if 条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素
html:
Male
Female
25”>Age:{{age}}
0”>Name:{{name}}
JS:
var vm= new Vue({
el:”#example01”,
data:{
male:true,
female: false,
age:29,
name:’colin’
}
})
1.v-bind 该指令用于响应地更新HTML特性，比如绑定某个class元素或元素的style样式
{{ n + 1 }}
2.v-if 条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素
html:
Male
Female
25”>Age:{{age}}
0”>Name:{{name}}
JS:
var vm= new Vue({
el:”#example01”,
data:{
male:true,
female: false,
age:29,
name:’colin’
}
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue.js第一天学习笔记（数据的双向绑定、常用指令）
- 【Vue.js】- Vue.js常用指令的使用
- Vue.js常用指令之循环使用v-for指令教程
- Vue.js常用指令总结
- Vue.js常用指令汇总（v-if、v-for等）
- Vue.js第一天学习笔记（数据的双向绑定、常用指令）
- Vue.js之常用指令集锦
- Vue.js学习系列（二十）--常用指令（三）
- Vue.js学习系列（二十）--常用指令（三）
- Vue.js常用指令汇总（v-if、v-for等）
- vue.js（2.0）常用指令总结以及一些指令的坑！
- Vue.js的常用指令-vue.js
- Vue.js常用指令的使用小结
- vue.js语法及常用指令
- Vue.js入门（二）——常用指令
- Vue.js中的常用的指令缩写
- Vue.js学习系列（十七）--常用指令（一）
- Vue.js常用指令汇总（v-if//v-show//v-else//v-for//v-bind//v-on等）
- Vue.js 系列教程 1：渲染，指令，事件
- Vue.js常用的语法（一）