日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

Uncaught TypeError: Cannot read properties of undefined (reading ‘value‘)，為什么沒實現出5來？

作者：hamimelon2020 更新時間： 2022-02-22 編程語言 
<!DOCTYPE html>
<div id="v-model-example" class="demo">
  <todo-list></todo-list>
  <todo-list-statistics></todo-list-statistics>
    </div>

<script src="https://unpkg.com/vue@next"></script>
<script>
    const app = Vue.createApp({}); 
    app.component('todo-list', {
      data() {
        return {
          todos: ['Feed a cat', 'Buy milk']
        }
      },
      provide() {
        return {
          todoLength: Vue.computed(() => this.todos.length)
    }
  },
  template: `
   <div>{{ todos.length }}</div>
  `
    })

    app.component('todo-list-statistics', {
      inject: ['todoLength'],
      created() {
        console.log(`Injected property: ${this.todoLength.value}`) // > 注入的 property: 5
  }
  
}

).mount('#v-model-example')
</script>



<!DOCTYPE html>
<div id="v-model-example" class="demo">
  <todo-list></todo-list>
  <todo-list-statistics></todo-list-statistics>
    </div>

<script src="https://unpkg.com/vue@next"></script>
<script>
    const app = Vue.createApp({}); 
    app.component('todo-list', {
      data() {
        return {
          todos: ['Feed a cat', 'Buy milk', 'Drink water']
        }
      },
      provide() {
        return {
          todoLength: Vue.computed(() => this.todos.length)
    }
  },
  template: `
   <div>{{ todos.length }}</div>
  `
    })

    app.component('todo-list-statistics', {
      inject: ['todoLength'],
      created() {
        console.log(`Injected property: ${this.todoLength.value}`) // > 注入的 property: 5
  }
  
}

).mount('#v-model-example')
</script>

原文鏈接：https://blog.csdn.net/weixin_40945354/article/details/123166373

欄目分類
最近更新