关于vue.js:P21-vue3-组合式-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 基本上都会配合

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>

什么是组合式 API？

setup 组件被创立之前执行，不须要应用 this