模板语法
- 文本绑定,两个大括号,中间加上data里面的数据,message里面不仅可以是变量还可以是表达式
// 变量 {
{ message }}
// 表达式 {
{ number + 1}}
- JS表达式(计算、拼接、只能是单个表达式)
- 插入HTML代码(慎用!防止XSS攻击 ),我们可以直接在data里面定义html代码,但是它存在一个安全隐患,比如我们将下面的 dangerHTMl: "0085" 这句代码改变一下 dangerHTML: "0085" ,这时候的当我们点击时它执行了它里面的一个代码会弹出一个框,这是很危险的。像很多个XSS攻击就是用的这种方法,所以对于v-html我们还是要慎用。
0085"}
- 绑定,把data里面的数据绑定到元素的属性上,最常见的就是id
![0dc68adc59f109f344aef9a1f3477c28.png](https://img-blog.csdnimg.cn/img_convert/0dc68adc59f109f344aef9a1f3477c28.png)
当data里面的数据改变时,它的Id也会随之改变。