【04】Vue基础:v-text和v-html的使用


v-text 的使用

模版写法:

<div v-text="title"></div>

js写法:

var vm = new Vue({
    el: '#app',
    data() {
        return {
            title: 'v-text'
        }
    }
})

在浏览器运行此文件,可以看到成功显示出v-text

v-html 的使用

模版写法:

<div v-html="title"></div>

js写法:

var vm = new Vue({
    el: '#app',
    data() {
        return {
            title: '<h1>v-html</h1>'
        }
    }
})

在浏览器运行此文件,可以看到成功显示出v-html

注意:生产环境中动态渲染HTML是非常危险的,容易导致XSS攻击。所以在使用v-html时,不要在用户提交或可操作的网页上使用。


文章作者: 技术潘
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 技术潘 !
  目录