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>

vue provide/inject响应式

上一篇:跨域请求之jQuery的ajax jsonp的使用解惑


下一篇:基于JSP的学术交流论坛系统的设计与实现