v-text指令是填充纯文本，简略写法就是插值表达式，不会存在闪动问题，插值表达式和v-text都可以使用表达式进行运算
v-html指令是填充HTML片段，简略写法是“{{{ }}}”，但是在Vue1.x之后的版本已经去除了
存在一定的安全问题，本网站内部的数据可以使用，来自第三方的数据不可使用
v-pre指令是填充原始信息，在Vue中跳过了表达式的编译过程，显示原始数据。
<body> <div id=‘app‘> <!-- 使用v-text指令 --> <p v-text="text"> </p> <!-- 使用v-html指令 --> <div v-html="html"></div> <!-- 使用v-pre指令 --> <p v-pre> {{这是v-pre指令}} </p> </div> </body> <script src=‘https://cdn.jsdelivr.net/npm/vue/dist/vue.js‘></script> <script> new Vue({ el: ‘#app‘, data: { text:‘v-text指令‘, html:`<p>这是v-html指令</p>`, }, }) </script>
原文：https://www.cnblogs.com/fedream/p/14318542.html