vue3.x新特性之setup函数,看完就会用了

最近有小伙伴跟我聊起setup函数,因为习惯了vue2.x的写法导致了,setup用起来觉得奇奇怪怪的,在一些api混编的情况下,代码变得更加混乱了,个人觉得在工程化思想比较强的团队中使用setup确实能更好的使用模块化开发,但是用得不好的话也确实降低了代码的可读性。本篇文章是从使用角度来聊聊setup的实际使用。
setup 使用
1、setup和以前的api(data,methods,computed等)并不冲突,也是可以相互访问的,值得注意的是setup里面不能用this,并且在setup执行的时候组件实例还未创建完毕,故不也能使用data,methods,computed定义的变量和函数。如下混编示例:
import { getCurrentInstance} from 'vue'

setup() {
const count = 10; // 非响应式的。

const { proxy } = getCurrentInstance(); // 这里 proxy 相当于this
console.log(proxy.ms

vue3.x新特性之setup函数,看完就会用了最先出现在Python成神之路

版权声明:
作者:dingding
链接:https://www.techfm.club/p/4517.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>