vue双花括号的使用方法 附练习题
更新时间：2017年11月07日 10:21:08 作者：匿名的girl
这篇文章主要为大家详细介绍了vue双花括号的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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前端实现表格数据增查改删功能的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-05-05
在 Vue 中使用 dhtmlxGantt 组件时遇到的问题汇总(推荐)
dhtmlxGantt一个功能丰富的甘特图插件，支持任务编辑，资源分配和多种视图模式，这篇文章主要介绍了在 Vue 中使用 dhtmlxGantt 组件时遇到的问题汇总,需要的朋友可以参考下2023-03-03
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
这篇文章主要介绍了maptalks+three.js+vue webpack实现二维地图上贴三维模型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家详细介绍了vue实现联动选择，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
在如今，很多网页已经可以手动切换明亮模式和黑暗模式，网页的主题切换已经成为了一个常用的需求，因此，本文将从常见框架的处理方式总结一些相关的操作，对vue ui框架主题切换功能感兴趣的朋友跟随小编一起看看吧2022-12-12
下面小编就为大家分享一篇Vue中v-for的数据分组实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue实现flv格式视频播放,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
本文主要介绍了vue中html2canvas给指定区域添加满屏水印,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-11-11
在vue中获取微信支付code及code被占用问题的解决方法
这篇文章主要介绍了在vue中获取微信支付code及code被占用问题的解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04
这篇文章主要为大家介绍了vue实现过渡动画Message消息提示组件示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论