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

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

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

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

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

标签

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

第六步，将调试打开，这时发现

中有个

标签，就成功地添加了html元素。

给你例子：有两个文件夹:文件夹 html 和 文件夹 images

html 和 images 在同一个目录下边，比如你在html这个文件夹里写了一个index.html网页

你想调用images文件夹里的 a.jpg 你就要这样写

../images/a.jpg [切记，你是在 html >index.html 里边写的路径]

再举一个例子 有一个default.html 和一个images文件夹 在同一个目录里边，那这次要想在default.html里边找到images里边的a.jpg

那你就要这样写:

images/a.jpg

解释：

相对路径就是在当前的代码所在的文件里边，根据当前目录，找到想要的文件的地方

../ 表示找到此文件的上一级

../images表示找到此文件的上一级里边的images文件夹

../images/a.jpg表示找到此文件的上一级里边的images文件夹下边的a.jpg

还有什么不明白的，可以在我的空间里给我留言，然后我告诉你

可以使用flash插件载入，

或者使用比较成熟的h5的js插件https://github.com/mozilla/

要么直接使用第三方api http://www.officeweb365.com/

api是要简单一点但是推荐用h5的插件

---