<主要研究:{{ 这里可以写什么}}
1.在data中声明的变量函数都可以
2.常量
3.只要是合法的JavaScript的表达式,都可以
4. 模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date
<body>
<div id ='app'>
//在data中声明
//这里就可以看做msg的变量
<h1>{{msg}}</h1>
<h1>{{sayHello}}</h1>
//常量
<h1>{{100}}</h1>
<h1>{{'qweeee'}}</h1>
<h1>{{3.1415926}}</h1>
//JavaScript表达式
<h1>{{1+1}}</h1>
<h1>{{'qwer' + 'vue'}}</h1>
<h1>{{msg+1}}</h1>
<h1>{{‘msg’+1}}</h1> //等于msg1
<h1>{{gender ? '男' : ‘女’}}</h1>
<h1>{{‘Nu’+1}}</h1>
<h1>{{Nu +1}}</h1> //等于2
<h1>{{var i = 100}}</h1> //写法错误
//在白名单内
<h1>{{Date}}</h1>
<h1>{{Math}}</h1>
</div>
<script>
new Vue ({
el : 'app',
data:{
Nu;1
mag:'qwertyuio' //为了方便沟通,叫msg叫做变量(这行代码可以看做是变量的声明)
sayHello : function () {
console.log ( 'zxccvvvbn');
}
}
} )
</script>
</body>