人民币贬值的利弊,婚庆论坛,玉碎之谜
本文实例为大家分享了vue双花括号的具体代码,供大家参考,具体内容如下
<!doctype html> <html> <head> <meta charset="utf-8"> <title>{{}}的使用</title> <script src="js/vue.js"></script> </head> <body> <div id="container"> <h1>{{msg}}</h1> <h4>{{cart.brand}}</h4> <!--在双花括号中 执行运算表达式 --> <p> 3 + 5 = {{ 3 + 5 }}</p> </div> <script> new vue({ el:"#container", data:{ msg:"hello vuejs", cart:{ brand:"volvo",price:30 } } }) </script> </body> </html>
代码:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>双花括号的练习</title> <script src="js/vue.js"></script> </head> <body> <div> 双花括号:执行表达式,将表达式的结果 输出到当前调用的元素的innerhtml中 </div> <div id="container">{{msg}} <h4>三目运算3>5:{{3>5?"对":"错"}}</h4> <h4>逻辑运算3>5 && 2>1:{{3>5 && 2>1}}</h4> <h4>{{!hasmore}}</h4> <h4>{{totalnum>count?"大于":"小于"}}</h4> </div> <script> new vue({ el:"#container", data:{ msg:"hello vuejs", count:3, totalnum:10, hasmore:true } }) </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论