Skip to main content
vue3_setup

拉开序幕的setup

setup

  • 理解:vue3.0的新的配置项,值为一个函数
  • setup是所有composition API(组合API)的“表演舞台”;
  • 组件中所用到的:数据,方法等等,均要配置在setup中;
  • setup函数的两种返回值:
     1、若返回一个对象,则对象中的属性,方法,在模板中均可以直接使用。
     2、若返回一个渲染函数:则可以自定义渲染内容
  • 注意点:
     1、尽量不要与vue2.x配置混用
      · vue2.x配置(data,methods,computed...)中可以访问到setup中的属性,方法。
      · 但在setup中不能访问到vue2.x配置(data,methods,computed...)。
      · 如有重名,setup优先。
     2、setup不能是一个async函数,因为返回值不再是return对象,而是promise,模板中看不到return对象中的属性

漫步人生路About 5 minvuesetupcomposition API