解决报错：runtime-core.esm-bundler.js:400 Uncaught TypeError: Cannot read properties of undefined

最新推荐文章于 2025-09-12 16:29:51 发布

原创最新推荐文章于 2025-09-12 16:29:51 发布 · 3.4k 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了Vue3中createApp函数的使用，包括组件注册、插件安装、配置对象、指令、混入、挂载与卸载功能，以及提供和注入机制。特别强调了响应性问题的注意事项。

使用createApp返回一个提供应用上下文的应用实例

createApp(App).use(router).mount('#app')

可以在其后链式调用其他方法，主要有一下几种：

参数	用法
component(组件)	注册或检索全局组件。注册还会使用给定的 name 参数自动设置组件的name
use(使用)	安装 Vue.js 插件。在同一个插件上多次调用此方法时，改插件将仅安装一次。
config(配置)	包含应用配置的对象。同Vue2中confg。提供统一配置
directive(指全	注册或检索全局指令。指令是一组具有生命周期的钩子
mixin(混入)	在整个应用范围内应用混入。一旦注册，它们就可以在当前的应用中任何组件模板内使用它。插件作者可以使用此方法将自定义行为注入组件。不建议在应用代码中使用。
mount(挂载)	应用实例的根组件挂载在提供的 DOM 元素上。同Vue2中的el。
provide(搭配Inject)	设置一个可以被注入到应用范围内所有组件中的值。组件应该使用 inject 来接收 provide的值。 provide 和 inject 绑定不是响应式的。
unmount(卸载)	在提供的 DOM 元素上卸载应用实例的根组件。