vue3.0与vue2.0最大的区别：setup()组合api

要问vue3与vue2最大的区别，当属setup()组合api了，下面大致说一下它的优点既如何使用

优点：

1：没有this，降低耦合性，提高复用性

2：按需加载

3：更加接近原生js，更方便使用

下面例举示例

 

这是一个简单步进器，重要的是它的结构，定义数据和创建方法没有用到data(){}和methods:{}

只写有一个setup(){}然后定义数据和方法都写在里面，最后只需导出一下就可使用，更加的清晰方便

再来看一个数据请求案例

 页面效果：

setup里没有了create钩子和created钩子， 最后导出一下即可，非常方便，

还有前两周更新的vue3.2有了语法糖，那么什么是语法糖呢，就是直接在<script></script>中加入setup，如<script setup>这样就更加简化了setup组合api，来个示例：

 同样是一个步进器，只是不再需要导出才能使用