“mount”在Vue.js中意味着什么？

Question

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

  

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

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

     

当Vue实例具有el选项时，它会自动安装   到那个元素

Answer 1

vue中正在安装什么？在Vue中，每个实例首先作为Virtual DOM对象（虚拟html元素）存储在内存中。当Vue创建对真实DOM（Actual html元素）可见的那些组件（虚拟DOM）时，将虚拟DOM创建为真实对象的那一刻DOM称为“安装”。随着应用程序状态的更改，vue检测到用户希望看到的更改并将数据更改从内存中存储到真实DOM中，这称为``更新''。整个过程称为Vue Lifescyclehooks，它分为四个阶段，即create,mount,update and 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/#mounted

Answer 3

“mount”表示将Component插入DOM的时刻。