vue3 setup使用总结

setup使用说明
1、setup函数是组合API的入口函数。
2、setup函数只能是同步的不能是异步的。
3、setup 执行时机 在beforeCreate(组件的data和methods还没有初始化好) 和created(组件的data和methods已经初始化好) 之间。
4、由于在执行setup函数时候,还没有执行created生命周期方法,所以在setup函数中,是无法使用data和methods。
5、setup 函数时,它将接受两个参数:(props(父组件传递的参数)、context(包含attrs、slots、emit))
6、由于我们不能在setup函数中使用data和methods, 所以vue为了避免我们错误使用,它直接将setup函数中的this修改成了undefined,访问他们的形式由 this.xxx(vue2.0) 变成了context.xxx(vue3.0)。
7、在setup函数中定义的变量和方法最后都是需要 return 出去的,不然无法在模板中使用。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容