3.组合api

ref里可以监听数据，发生改变之后刷新视图

setup组合api

ref函数注意点：

ref只能监听简单类型的变化，不能监听复杂类型的变化（对象/数组）

可以用reactive来处理

组合api

少废话，上代码。

以上是vue3优势，数据，逻辑 不分离。可以分成一块一块的业务来进行处理

分离文件

vue3.0不仅可以抽离出方法，数据。还可以放在不同的文件里，更加清晰的辨别业务。

刚开始肯定很不习惯，慢慢来！

总结：

区别

vue2是把数据放在一起，逻辑放在一起。

vue3是把业务数据、逻辑 分别放在一起，更便于维护和优化