vue3-应用/组件

创建应用实例

• 每个 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属性，父级组件使用那么进行引用。