Vue3.0 Composition API Provide/Inject

Composition API Provide/Inject

本文假定你已经阅读了Provide/Inject，Composition API介绍和响应性基本原理。 

 我们在使用Composition API的时候，我们也可以使用provide/inject。二者都只能在setup()内部使用当前活动实例进行调用。

背景

假设我们需要重构下面这段代码，里面有一个MyMap组件，这个组件通过Composition API，向MyMarker子组件provide了用户的location。

<!-- src/components/MyMap.vue -->
<template>
  <MyMarker />
</template>

<script>
import MyMarker from './MyMarker.vue'

export default {
  components: {
    MyMarker
  },
  provide: {
    location: 'North Pole',
    geolocation: {
      longitude: 90,
      latitude: 135
    }
  }
}
</script>

<!-- src/components/MyMarker.vue -->
<script>
export def