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>
上一篇:go get 不成功解决方案 "The command you provide is v/v0.9.74.mod, it is not well formed."


下一篇:vue 数据传递 - provide 与 inject