vue3.0中的setup


在vue3.0中,setup函数是组合API的入口,用于定义数据和参数;该函数只能是同步的不能是异步。

特点:

  1、setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数。 所以在setup中不能使用 data 和 methods 中的数据和方法;

  2、setup函数是 Composition API(组合API)的入口;

  3、在setup函数中定义的变量和方法最后都是需要 return 出去的,不然无法再模板中使用;

用法:

setup函数提供了两个参数 props和context,重要的是在setup函数里没有了this,

所以在 vue3.0 中,访问形式不一样: this.xxx变为了context.xxx

vue