FrontierVue3.0版本已经发布有一段时间了，我们在很多项目中都用到了。相比Vue2.0版本，Vue3.0在保留options的同时，也提供了最新的组合Api来帮助我们开发项目，那么为什么要推出组合Api呢？比如我们的某个页面比较复杂，比如类似淘宝的首页，使用这个选项Thispagehasalotofcomponents，但是你得把所有的组件响应数据放在data里，methods放在methods里，然后将各个组件的逻辑处理在同一个生命周期函数中，这样我们开发人员在开发这个页面的时候，目前的vue文件可能比较长。如果我们只修改一个组件的功能，我们需要不停的上下翻动Vue文件，才能完成可选API的修改。vue文件变得很长。如果我们使用组合Api，就可以很好的解决上面的问题。组合Api可以把一个组件需要用到的响应式数据、方法、生命周期函数放在一个setup里面，然后暴露给首页使用就可以了，这样就可以实现功能的复用。组合的Api很好，分离了单个组件的功能。这个setup的使用一般在我们实际项目中都会用到，通过脚手架工具来生成项目。比如Vue3推荐使用Vite。对于开发，请使用单文件组件(SFC)，如下面的屏幕截图所示。Template就是模板和脚本写js逻辑，styleSFC开发中写styles今天我们重点说说这个代码块中添加setup属性：2、使用3.import导入的内容也会以同样的方式暴露出来，也就是说可以使用import直接在模板表达式中辅助函数不需要通过方法选项公开它：
