创建应用实例
- 每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的,允许链式:
Vue.createApp({})
.component('SearchInput', SearchInputComponent)
.directive('focus', FocusDirective)
.use(LocalePlugin)
根组件
传递给 createApp 的选项用于配置根组件。当我们挂载应用时,该组件被用作渲染的起点。
const RootComponent = {
/* 选项 */
}
const app = Vue.createApp(RootComponent)
const vm = app.mount('#app')
插槽
- 父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。
- 父级组件,向子组件插槽传递数据,只能使用父级作用域中的数据。
- 子组件的插槽中可以有默认的数据信息。
- 具名插槽,插槽可以有name属性,父级组件使用那么进行引用。