模板语法之插值语法{{}}——01

<主要研究:{{ 这里可以写什么}}

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>

  • 14
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值