vue3.0 组合式api初探

最近在看vue3.0新特性,开始理解组合式api时还有点费劲,但是深有感觉,3.0相对于2.x还是做了很大的改变的,理解组合式api主要我感觉主要还是理解setup,它作用在beforeCreated和Created,这个setup和之前的mixins还是有点相似,可以定义reactive(2.x中的响应式data),watch,computed,methods等,几乎所有的方法都可以写进setup,甚至自己可以调用组件的生命周期钩子(在前面加on),想要暴露出去的方法或者数据data,通过return出去,组件中就能正常使用了(setup中没有this,因为组合式api并没有绑定实例),

生命周期钩子:

 

有个demo还蛮好的,推荐下

https://gitee.com/dc_teach/vue3-demo/tree/master/src/components

 

posted @ 2022-03-28 17:46  叫我汤先森  阅读(62)  评论(0)    收藏  举报