<template>
<div id="app">
<button @click="changeProvide">点我改变值</button>
</div>
</template>
<script>
export default {
name: ‘App‘,
data() {
return {
provideData: {// 这里一定是个对象
message: ‘2021年7月2日 周五 下午4:52‘,
fruits: [‘圣女果‘, ‘柠檬‘]
}
}
},
provide() {
return {
provideData: this.provideData,
}
},
methods: {
changeProvide() {
this.provideData.message = new Date() ;
this.provideData.fruits = [‘葡萄‘, ‘西瓜‘];
}
}
}
</script>
vue provide/inject响应式
原文：https://www.cnblogs.com/chenwan1218/p/14964196.html
