一 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动态绑定vue实例到页面上</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!-- 挂载点 -->
<div>
<div id="app1">
</div>
</div>
<script type="text/javascript">
// Vue 的实例
var v1 = new Vue({
template: "<h1>通过mount动态加载</h1>"
})
v1.$mount("#app1")
</script>
</body>
</html>
二 效果
三 说明
实现了页面的元素和 vue 对象的动态绑定,之前都是通过 el 的方式来绑定,也可以通过 mount 实例属性来进行绑定。