什么是组合式 API？
组合式 API (Composition API) 是一系列 API 的汇合，使咱们能够应用函数而不是申明选项的形式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API：
响应式 API：例如 ref() 和 reactive()，使咱们能够间接创立响应式状态、计算属性和侦听器。
生命周期钩子：例如 onMounted() 和 onUnmounted()，使咱们能够在组件各个生命周期阶段增加逻辑。
依赖注入：例如 provide() 和 inject()，使咱们能够在应用响应式 API 时，利用 Vue 的依赖注入零碎。
组合式 API 是 Vue 3 及 Vue 2.7 的内置性能。对于更老的 Vue 2 版本，能够应用官网保护的插件 @vue/composition-api。在 Vue 3 中，组合式 API 基本上都会配合
setup 组件被创立之前执行，不须要应用this
App.vue
<script>import Hello from "./components/Hello.vue";export default {data() { return { message: '', isShow: true };},setup(){//setup 组件被创立之前执行，不须要应用this console.log('setup') const msg='hellokugou666' console.log(msg)},beforeCreate() { console.log('beforeCreate')},created() { console.log('created')},methods:{ getChildMsg:function (value){ console.log(value); this.message=value }},components:{ Hello}}</script><template><div> <Hello v-if="isShow"/> <button @click="isShow=!isShow">销毁Hello组件</button></div></template>