2.文本渲染指令

Vue使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。

在前面，我们一直使用的是字符串差值的形式渲染文本，但是除此方法之外，vue还提供了其他几种常见的文本渲染方式：

1. v-text：更新元素的innerText
2. v-html：更新元素的innerHTML

<div id="app">
    <div v-html="msg"></div>
    <div v-text="msg"></div>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el: '#app',
        data: {
            msg:'<p>Hello World!</p>'
        }
    });
</script>

在Vue中，我们可以使用 { { } } 将数据插入到相应的模板中，这种方法是一种文本插值。 使用这种方法，如果网络慢或者JavaScript出错的话，会将 { { } } 直接渲染到页面中。 值得庆幸的是，Vue还提供了v-text和v-html来渲染文本或元素。这样就避免了将 { { } } 直接渲染到页面中。