【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时，不要在用户提交或可操作的网页上使用。