zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    pinyin4j使用示例
    迭代器模式
    适配器模式
    策略模式
    装饰模式
    责任链模式
    命令模式
    中介者模式
    原型模式
    代理模式
  • 原文地址:https://www.cnblogs.com/chenwan1218/p/14964196.html
Copyright © 2011-2022 走看看