vue大括号里接受一个函数_vue双花括号的使用方法 附练习题
本文实例为大家分享了vue双花括号的具体代码,供大家参考,具体内容如下{{}}的使用{{msg}}{{cart.brand}} 3 + 5 = {{ 3 + 5 }}new Vue({el:"#container",data:{msg:"Hello VueJs",cart:{brand:"Volvo",price:30}}})代码:双花括号的练习双花括号:执行表达式,将表达式的结果 输出到当前调用
·
本文实例为大家分享了vue双花括号的具体代码,供大家参考,具体内容如下
{{}}的使用{{msg}}
{{cart.brand}}
3 + 5 = {{ 3 + 5 }}
new Vue({
el:"#container",
data:{
msg:"Hello VueJs",
cart:{
brand:"Volvo",price:30
}
}
})
代码:
双花括号的练习双花括号:执行表达式,将表达式的结果 输出到当前调用的元素的innerHTML中
{{msg}}
三目运算3>5:{{3>5?"对":"错"}}
逻辑运算3>5 && 2>1:{{3>5 && 2>1}}
{{!hasMore}}
{{totalNum>count?"大于":"小于"}}
new Vue({
el:"#container",
data:{
msg:"Hello VueJs",
count:3,
totalNum:10,
hasMore:true
}
})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
更多推荐
已为社区贡献1条内容
所有评论(0)