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

你可能感兴趣的:(vue3-应用/组件)