Vue.js中的“ mount”是什么意思？

Question

使用vue.js实例定位DOM元素时，“ mount”是什么意思？（甚至用简单的英语？）。例如以下内容：

此代码创建Vue的新实例，并将其安装在ID为app的HTML元素上。

const app = new Vue().$mount('#app');

当Vue实例具有el选项时，它将自动安装 到该元素

Answer 1

vue中挂载是什么？在 vue 中，每个实例首先作为虚拟 DOM 对象（虚拟 html 元素）存储在内存中。 DOM 被称为“挂载”。随着应用程序状态的变化，vue 检测用户期望看到的变化，并将数据变化从内存中放入真实的 DOM。这称为“更新”。整个过程称为 Vue Lifescyclehooks，它有四个阶段，分别create是mount、update和destroyed。

Answer 2

在用户看到任何内容之前，挂载在虚拟Dom级别进行。

当您$ mount（'＃app'）时，将有一个'el'参数被设置。这个“ el”定义了将实例“挂载”到的元素的ID。

因此，在模板中，如果您有一个要成为已安装组件的元素，则在该组件的声明中，应使用“ el：#app”将其安装。

VueJS生命周期图：https ://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram

悬挂式生命周期挂钩：https : //vuejs.org/v2/api/#mount