vue3的setup


setup

  1.vue3中的一个新配置项,值为一个函数

  2.setup是所有composition API(组合API)

  3.组件中所用到的数据,方法等,都要配置在setup中

  4.setup函数的两种返回值 :

    1.若返回一个对象,则对象中的属性,方法,在模板中都可以直接使用

    2.若返回一个渲染函数:则可以自定义渲染内容

  5.注意点 : 

    1.尽量不要与vue2配置混用

      vue2配置(data,methods,computed)中可以访问到setup中的属性,方法

      但在setup中不能访问到vue2的配置(data,methods,computed)

      如果有重名,setup优先

    2.setup不能是一个async函数,因为返回值不再是return对象,而是promise,模板看不到return对象中的属性