vue prop

问题描述
在vue项目中,父组件通过prop给子组件传值时,如果prop值是从服务器端获取,则父组件可能会传给子组件一个默认值(服务端数据还未及时获取),那么,我们就需要实时watch这个prop值,一旦prop值有更新,将立即通知子组件更新。

watch: {
    levelDetail: {
      immediate: true, // 很重要!!!
      handler (val) {
        this.levelPersonal = !val ? {} : val
        // console.log('action Value:', val, this.levelPersonal)
      }
    }
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 应用场景 prop传值是平常Vue父子组件之间主要传值的方式,并且这是响应式的。但是,如果你有个应用嵌套了多层组件...
    李牧敲代码阅读 2,173评论 0 0
  • 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,...
    兔子不打地鼠打代码阅读 6,391评论 0 1
  • Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的,所以...
    波克比阅读 637评论 0 0
  • 传递静态或者动态prop 1 .任何类型的值都可以传给一个prop 2 .传入一个数字 3 .传入一个布尔值 4 ...
    skoll阅读 2,993评论 0 1
  • 这里暂时仅介绍下“非prop特性(attr)”一般的特性是显式定义的(即 prop特性),如下面代码中的 post...
    悄敲阅读 1,341评论 0 2