vue根组件实例和应用实例的区别?

  • Z时代
  • 2024-03-09
  • 分类：IT

vue官网的一段话，看不懂什么意思：
官网链接：https://cn.vuejs.org/guide/essentials/application.html#the-ro...

一、原文内容：

应用实例必须在调用了 .mount() 方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的 DOM 元素或是一个 CSS 选择器字符串：

// html
<div id="app"></div>
// js
app.mount('#app')

应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。

.mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方法，它的返回值是根组件实例而非应用实例。

二、问题：
根组件实例和应用实例的区别是什么？它们用来干啥的？

回答：

区别

根实例是一个 组件 实例对象，应用实例是一个 vue 构造函数 实例对象

作用

一般根实例就是指 App 组件的实例对象，它是 vue 最顶层的组件，也是 应用的入口，你可以理解为“管理组件的组件”

应用实例是你 new Vue() 获取的（在 vue3 中就是 createApp() ），它负责初始化 vue 框架，加载相关资源，管理路由、数据请求这些 应用级别 的任务，调用了它，vue 才会开始工作

以上是 vue根组件实例和应用实例的区别? 的全部内容， 来源链接： utcz.com/p/934675.html

回到顶部