《Vue应用开发》课件——2.8内容渲染指令.pptxVIP

任务2.8内容渲染指令

标签名v-text=数据名/标签名1.v-textv-text用于渲染DOM元素的文本内容，如果文本内容中包含HTML标签，那么浏览器不会对其进行解析。v-text的语法格式如下。2.3.1内容渲染指令

标签名v-html=数据名/标签名2.v-html在使用Vue进行内容渲染时，如果内容中包含HTML标签并且希望这些标签被浏览器解析，则可以使用v-html。v-html用于渲染DOM元素的HTML内容，其用法与v-text相似。v-html的语法格式如下。2.3.1内容渲染指令

步骤1演示v-textV-html的使用方法步骤2创建src\components\vtextvhtml.vue文件。2.3.1内容渲染指令

步骤1步骤2修改src\main.js文件，切换页面中显示的组件。importAppfrom./components/vtextvhtml.vue.vue2.3.1内容渲染指令演示v-html的使用方法

保存上述代码后，在浏览器中访问:5173/，v-text的运行结果如下图所示。2.3.1内容渲染指令