差值表达式{{}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div id="box">
<input type="text" v-model="msg">
差值表达式可以输出字符串,计算等等
{{msg}}
<br/>
{{"msg"}}
<br/>
{{2+7}}
<br/>
{{"hello"+msg}}
<br/>
{{2>3?"ok":"false"}}
</div>
<script>
var vm = new Vue({
el:"#box",
data:{
msg:"hello vue"
}
})
</script>
</body>
</html>
补充 v-text和插值表达式{{ }}和v-html的区别
v-text会覆盖元素中原本的内容,插值表达式{{ }}只会替换自己的这个占位符,不会把整个元素内容替换。
123
==>‘hello’
{{text}}123
==>‘hello123’
v-html 会直接输出返回的数据
msg:“hello”
msg:{{msg}}
下面就是区别