新增特性

1.Composition (组合) API

• Option API：vue2创建组件时，会把数据放到data，计算属性放到computed，事件处理放到methods，监听改变放到watch；共同处理页面逻辑

• 组件功能越来越多，逻辑功能点分散，不易阅读（新增或修改一个需求，就需要分别在data，methods等...进行修改，功能多时，滚动条来回滚动 ）

• 可以通过Mixins重用逻辑代码，但是数据来源模糊还会有Mixins命名冲突的问题

• Composition API：将零散的data，methods代码重新组合，一个功能的代码放一块儿，并且可以单出拆分出函数

• 兼容Option API，还可继续使用

• 利于代码重用，没有对this的使用，减少了this指向不明的情况

• 几乎是函数，编辑器可以帮我们进行类型检查和建议

setup

• setup函数是一个新的option，在初始化时执行一次，可以理解为使用Composition API 的入口点。

• 这个函数的返回一个对象，对象里的属性和方法，可以直接在模版中使用