创新互联VUE3教程：Vue 3.0 指令

#v-text

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比睢宁县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式睢宁县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖睢宁县地区。费用合理售后完善，十载实体公司更值得信赖。

• 预期：string

• 详细：

更新元素的 textContent。如果要更新部分的 textContent，需要使用 Mustache 插值。

• 示例：

  
  
  {{msg}}

• 参考：数据绑定语法 - 插值

#v-html

• 预期：string

• 详细：

更新元素的 innerHTML。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来替代。

WARNING

在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击。只在可信内容上使用 v-html，永不用在用户提交的内容上。

在单文件组件里，scoped 的样式不会应用在 v-html 内部，因为那部分 HTML 没有被 Vue 的模板编译器处理。如果你希望针对 v-html 的内容设置带作用域的 CSS，你可以替换为 CSS modules 或用一个额外的全局