原始 HTML

双大括号会将数据解释为纯文本，而不是 HTML。若想插入 HTML，你需要使用 v-html 指令：

<span v-html="myHtml"></span>

这里我们遇到了一个新的概念。这里看到的 v-html attribute 被称为一个指令。指令由v-作为前缀，表明它们是一些由Vue提供的特殊attribute，你可能已经猜到了，它们将为渲染的 DOM 应用特殊的响应式行为。这里我们做的事情简单来说就是：在当前组件实例上，将此元素的 innerHTML与myHtml属性保持同步。

在网站上动态渲染任意 HTML 是非常危险的，因为这非常容易造成 XSS 漏洞。请仅在内容安全可信时再使用 v-html，并且永远不要使用用户提供的 HTML 内容。

下载了一个Browser Lite，可以在VSCODE右边看到预览效果，快捷键设置成了ctrl+1，哈哈，确实方便很多。来一个属性绑定的例子：

<div id="app">
        <button :disabled="isButtonDisabled">按钮</button>
        <button v-bind:disabled="isButtonDisabled">按钮</button>
</div>
<script type="module">
      import { createApp } from 'vue'
      var app = createApp({
        data(){
            return{
              isButtonDisabled:false
            }
        }
      })
      app.mount('#app');
</script>

var,let,const区别

1) var: var 是 ES5 中引入的关键字，它可以用于声明变量，具有函数作用域。这意味着通过 var 声明的变量在整个函数内部是可见的。如果在函数外部使用 var 声明变量，则该变量将成为全局变量，可以被其他函数和代码块访问到。此外，var 声明的变量可以被多次重复声明而不会报错，并且没有块级作用域。

2) let: let 是 ES6 中引入的关键字，它也用于声明变量，但具有块级作用域。这意味着通过 let 声明的变量只在当前所在的代码块（大括号 {} 包围的部分）中可见。与 var 不同，let 不允许同一个作用域内重复声明同名变量。此外，let 声明的变量可以在声明之前被访问到，但是在访问前的暂时性死区中，无法获取到该变量的值。

3) const: const 也是 ES6 中引入的关键字，用于声明常量。与 let 类似，const 具有块级作用域。使用 const 声明的变量必须进行初始化，并且一旦赋初值后，就不能再修改它的值。尝试重新赋值给一个 const 声明的变量会导致错误。