CreateApp
创建应用
之前Vue2
new Vue({
el: '#app',
router,
store,
render: h => h(App)
})
现在Vue3:
使用createApp返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。
createApp(App).use(store).use(router).mount('#app')
可以在其后链式调用其他方法，主要有一下几种：
| 参数 | 用法 |
|---|---|
| config（配置） | 包含应用配置的对象。同Vue2中config。提供统一配置。 |
| directive（指令） | 注册或检索全局指令。指令是一组具有生命周期的钩子。 |
| mixin（混入） | 在整个应用范围内应用混入。一旦注册，它们就可以在当前的应用中任何组件模板内使用它。插件作者可以使用此方法将自定义行为注入组件。不建议在应用代码中使用。 |
| mount（挂载） | 应用实例的根组件挂载在提供的 DOM 元素上。同Vue2中的el。 |
| provide（搭配Inject） | 设置一个可以被注入到应用范围内所有组件中的值。组件应该使用 inject 来接收 provide 的值。provide 和 inject 绑定不是响应式的。 |
| unmount（卸载） | 在提供的 DOM 元素上卸载应用实例的根组件。 |
| use（使用） | 安装 Vue.js 插件。在同一个插件上多次调用此方法时，改插件将仅安装一次。 |
| component（组件） | 注册或检索全局组件。注册还会使用给定的 name 参数自动设置组件的 name。 |
网友评论