先声明一个容器:<div id=“root” class=“box”></div>
-
el
① 值可以是CSS选择器(CSS选择器,不一定非要使用id,只要是选择器能匹配到对应的元素即可)new Vue({ el: '#root', // 一般使用这样的方式挂载 }); new Vue({ el: '.box' });
② 值也可以是元素节点
new Vue({ el: document.getElementById('root') }); new Vue({ el: document.getElementsByClassName('box')[0] });
-
$mount()
这种方式可以在挂载之前做一些其他的操作const vm1 = new Vue({}); vm1.$mount('#root'); const vm2 = new Vue({}); vm2.$mount(document.getElementById('root'));