Provide (提供)

• 要为组件后代提供数据，需要使用到 provide() 函数：

<script setup>
import { provide } from 'vue'

provide(/* 注入名 */ 'message', /* 值 */ 'hello!')
</script>

Inject (注入)

• 要注入上层组件提供的数据，需使用 inject() 函数：

<script setup>
import { inject } from 'vue'

const message = inject('message')
</script>

• v-model 可以在组件上使用以实现双向绑定。
• 从 Vue 3.4 开始，推荐的实现方式是使用 defineModel()
• 例如
• 父组件：

<!-- Parent.vue -->
<Child v-model="countModel" />

• 子组件

<!-- Child.vue -->
<script setup>
const model = defineModel()

function update() {
  model.value++
}
</script>

<template>
  <div>Parent bound v-model is: {{ model }}</div>
</template>