v-html和v-text的区别

v-html：不仅用于渲染数据，还能够输出真正的html，即能够解析html代码

v-text：用于渲染普通文本，绑定的数据对象发生变化时，插值处的内容也会发生改变，注意它不解析标签

1、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例：

2、在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“{{}}”符号将变量引入到div标签中，并且在标签中添加“v-html="变量"v-html="变量"”属性：

3、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素：

在vue中将数据填充进模板，最常用的方法应该是 {{ name }} 这样插值，但是有时候向后端请求到的数据中有转义字符，此时页面就会直接显示转义字符，而不是先转义再显示。

这是因为， {{ name }} 插值类似于textContent赋值， textContent 赋值输出的是 text/plain 文本内容，它是不会被浏览器转义的。

要想被浏览器转义，可以使用 v-html ， v-html 类似于 innerHTML ， innerHTML 赋值输出的是 text/html html内容，它在显示之前会先被浏览器转义

终上，关于vue里面数据填充的几种方法总结

---