【Vue】el 和 $mount 的区别

说明#

两者在使用效果上没有任何区别，都是为了将实例化后的 vue 挂载到指定的 dom 元素中。

如果在实例化 vue 的时候指定 el 属性，则该 vue 将会渲染在此 el 对应的 dom 中；若没有指定 el 属性，则 vue 实例会处于一种“未挂载”的状态，此时可以通过 $mount 来手动执行挂载。

案例#

el#

<div id="app">
    <p>data: {{ text }}</p>
</div>

let vm = new Vue({
    el: '#app',
    data: {
        text: '这是一段文字。'
    }
})

$mount#

<div id="app">
    <p>data: {{ text }}</p>
</div>

let vm = new Vue({
    data: {
        text: '这是一段文字。'
    }
})

vm.$mount('#app')