vue provide/inject响应式

<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>