v-bind可以简写成 ：
→
v-on:click可以写成@click
v-if实例 可以通过对对象操作条件来实现想要展示的效果
现在你看到我了
天气炎热
new Vue({
el: "#app",
data: {
seen:false,
ok: true
}
})
v-for实例：v-for是可以做循环数组使用的
- {{x.title}}
new Vue({
el: "#app",
data: {
lists: [
{ id: 1, title: "臧三" },
{ id: 2, title: '李四' },
{ id: 3, title: "王五" },
]
}
})
v-show实例：v-show可以操作true/false来实现效果
new Vue({
el: "#app",
data: {
a: true
}
})
:class实例：
.red{
color:red
}
.blue{
background: blue;
}
我是123
new Vue({
el:"#app",
data:{
a:true,
b:true
}
})
第二种方法
.red{
color:red
}
.blue{
background: blue;
}
我是123
new Vue({
el:"#app",
data:{
json:{
red:true,
blue:true
}
}
})
以上所述是小编给大家介绍的vue快捷键与基础指令详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
1007
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
