将vue的dom转成普通html

将vue的dom转成普通html方法。

1、Vue.js的DOM转换成普通HTML的过程中，会利用Vue.js的特性来把数据和模板编译成实际的HTML。

2、从而可以以最快的速度实现从JavaScript对象到DOM的转换。

vue自动配置打包完后通常只有一个html页面，如果我们想要打包出两个页面怎么办呢？

只需要修改webpack的配置，下边是我的项目截图，供参考

在vue.config.js中配置

其中entry为文件引用路径，template为打包后文件名字及位置。

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

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

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

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

---