第五十四：渲染数据 v-text 和 v-html

v-text : 解析成文本
v-html: 解析成　html

1. <div id="app">
2.     <h3>{{ web.title }}</h3>
4.     <!-- v-text 将数据解析为纯文本格式 -->
5.     <h3 v-text="web.title"></h3>
7.     <!-- v-html 将数据解析为 html 格式 -->
8.     <h3 v-html="web.url"></h3>
9. </div>

复制代码

js

1. <script type="module">
2.     import { createApp, reactive } from './vue.esm-browser.js'
4.     createApp({
5.         setup() {
6.             const web = reactive({
7.                 title: "邓瑞编程",
8.                 url:"<i style='color:blue;'>www.dengruicode.com</i>"
9.             })
11.             return {
12.                 web
13.             }
14.         }
15.     }).mount("#app")
16. </script>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。