VUE里面的{{}}符合可以书写JS表达式,但是不可以书写语句。例子:
<!DOCTYPE html>
<html>
<head>
<title>VUE hello world</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<style>
#simple{
margin-left: 100px;
margin-top: 100px;
width: 100px;
height: 100px;
background-color: #00a9a7;
}
</style>
</head>
<body>
<div id="simple">
<p>{{name}}</p>
<p>{{isShow ? "show" : "hide"}}</p>
<p>{{number1 + number2}}</p>
</div>
<script>
var simpleID = new Vue({
el:"#simple",
data:{
name : "hello world",
isShow : false,
number1: 10,
number2: 20
}
})
simpleID.number2 = 30;
</script>
</body>
</html>