关于vue.js:P21-vue3-组合式-api

什么是组合式 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>