如何利用Vue.js库中的v-html指令添加html元素

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

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

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

添加当儿元素比较简单，只需要一个关键字push 他的意思就是把当前元素添加到数组的最后

直接添加数组元素就更简单了

他的意思就是，把当前数组this.newsList  和临时数组list  组成一个新的数组，然后重新赋值给this.newsList 

在静态页面中设置元素。

第一步，创建静态页面vhtml.html，并引入vue.js文件。

第二步，在元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。

第三步，绑定v-html指令数据，这里设置为字符串。

第四步，Vue.js库的v-html指令是插入html元素，修改datas为包含标签。

第五步，预览该静态页面，这时会看到页面显示为“v-html指令”。

第六步，将调试打开，这时发现中有个标签。

---