《vue教程课件》_《vue教程课件》_7组合式API.docxVIP

第7章组合式API

当开发者使用Vue构建更大型项目时，依靠选项式API(optionsAPI)所使用的编程模式会引发复杂组件的代码变得越来越难以阅读和理解,提取和重用多个组件之间的逻辑成本和机制越来越复杂，为此Vue引入新的编程方式--组合式API。本章节主要讲解组合式API的入口函数、组成、生命周期钩子函数及provide和inject。

学习目标：

了解组合式ApI

掌握setup选项

掌握provide和inject

了解组合式API生命周期钩子函数

7.1组合式API简介

Vue的核心是数据驱动和组件化。Vue中通过创建组件，可以将接口的可重复部分及其功能提取到可重用的代码段中，这极大的增强了应用程序的可维护性和灵活性。Vue2.0提供的选项式API（OptionsAPI）是通过组件的选项(data、computed、methods、watch)来组织逻辑，对中小型项目完成满足需要。当项目中的组件需来越多时，这会导致组件难以阅读和理解,因此Vue3.x中出现了组合式API（compositionAPI),组合式API允许用户像编写函数一样自由地组合逻辑和代码。

7.1.1组合式API的入口函数

在vue组件中，通过setup函数来使用组合式API，setup函数是组合式API的入口函数，由于它在组件创建之前被调用，因此setup函数中不能使用th