vue {{}} + v-once + v-html + v-bind + v-on

1. {{xxxx}} 双大括号文本绑定
2. v-xxxx 以 v- 开头用于标签属性绑定，称为指令

双大括号语法 {{}}
格式： {{表达式}}
作用：
使用在标签体中，用于获取数据
可以使用 JavaScript 表达式

一次性插值 v-once

通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新

v-html
如果是HTML格式数据，双大括号会将数据解释为普通文本，为了输出真正的 HTML，你需要使用 v-html
指令。
Vue 为了防止 XSS 攻击，在此指令上做了安全处理，当发现输出内容有 script 标签时，则不渲染
XSS 攻击主要利用 JS 脚本注入到网页中，读取 Cookie 值（Cookie一般存储了登录身份信息），读取
到了发送到黑客服务器，从而黑客可以使用你的帐户做非法操作。

元素绑定指令 v-bind
完整格式： v-bind:元素的属性名=‘xxxx’
缩写格式： :元素的属性名=‘xxxx’
作用：将数据动态绑定到指定的元素上

事件绑定指令 v-on
完整格式： v-on:事件名称=“事件处理函数名”
缩写格式： @事件名称=“事件处理函数名” 注意： @ 后面没有冒号
作用：用于监听 DOM 事件