梗概:

  1. setup是组合式api的入口
  2. 在组件创建非常早的时间时会调用setup方法
    1. 早到连选项data()都没有实例化
  3. child::setup return
  4. 不像Vue 单文件组件中的增强组合式api,很多功能还需要使用Vue 选项式API
  5. Vue props选项

被调用的时机:

语法:

setup(props, context) {
    //利用组合式api使用Vue功能
    return{//包含多个属性或方法的对象
	   //返回需要暴露在组件中的内容:变量或方法
    }
}

1. 说明:

  1. setup 中应该避免使用 this,因为它不会找到组件实例。因为组件都还没实例化

访问内置API

child::在setup()访问内置API

1. 实例:

1. 说明:

  1. child::ref