vue-watch属性运用于父子组件传递数据-从后端取得数据，解决数据延迟传达_v1.0.0

v1.0.0

代码

父组件

html

• 代码

<div >
                <xxx-item
                  v-for=" "
                  :key=" "
                  :item="i"
                  :cid=" "
                  :list="list"
                  @c=" "
                  @toDemoDetail=" "
                  @d=" "
                ></xxx-item>
              </div>

• 说明
  xxx-item是子组件，需求是将list传给子组件

子组件

js

• 代码-节选

props: {
      list: {
        type: Array,
        default: () => [],
      },
... ...
watch: {
      'list': 'doSth',
    },

• 说明
  子组件获得list，但是list不一定有值，因为list是一开始就传过来的，但是list或许还需要从后台调取，所以会导致传过来的list是空的。
  因此watch list，一旦list发生变化，比如list从后台得到值了，就doSth-做什么事情。

总结

虽然能获得list的值了，但是list的变化比较复杂，导致设计变复杂了，还要斟酌这种做法。