Vue3 Composition API的使用简介

vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。但mixin进去的内容实际上很不直观，而且相同命名会被覆盖。例如对发送验证码倒计时功能进行封装。setupsetup是vue新增的一个选项，它是组件内使用Composition API的入口。为了避免混乱，在setup中不使用this。同时setup返回的值，可以在模板和其他option中使用。从设计上来说，vue官方是将所有的事情在setup里完成。ref、reactive既然不在传入data，那么将数据创建和监听响应式就需要通过vue暴露出来的功能 ref或reactive。两者有所区别，ref用于基础赋值类型的数据，而reactive用于引用类型的数据。computed与watchwatch与watchEffect的差别是，watchEffect会立马执行，执行中被读取的响应式 数据会被观测。而watch只有在watch对象有变化时才会执行。