vue怎么导入html文件

在head标签中引入vue的js文件。

1、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例。2、在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“{{}}”符号将变量引入到div标签中，并且在标签中添加“v-html="变量"v-html="变量"”属性。3、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素。

js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。

例子：

var div1 = document.createElement("div")

div1.id = "div1"

var div2 = document.createElement("div")

div2.id ="div2"

document.body.appendChild(div1)

div1.appendChild(div2)

appendChild()定义和用法：

appendChild() 方法向节点添加最后一个子节点。

提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。

您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。

从一个列表向另一个列表中移动列表项：

var node=document.getElementById("myList2").lastChild

document.getElementById("myList1").appendChild(node)

---