(vue.js)怎么让data里面的字段和props的属性同步?

来源:互联网  时间:2016/8/10 0:22:44

关于网友提出的“ (vue.js)怎么让data里面的字段和props的属性同步?”问题疑问,本网通过在网上对“ (vue.js)怎么让data里面的字段和props的属性同步?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)怎么让data里面的字段和props的属性同步?
描述:

在data这边配置的id和label怎么渲染到标签上呢


解决方案1:

Vue.extend({
  props: ['id'],
  watch: {
    id (value) {
      // 将 value 赋给 data
    }
  }
})
解决方案2:

麻烦一点就是,在method中,使用到数据时再进行赋值构建

解决方案3:

直接贴代码了
我vue也是初学, 请指教





    playground


    
//在html中定义子组件。 v-bind的缩写语法,将父组件的'id'绑定到子组件里的'id'上。 这里是单向绑定, 如需双向绑定, 可以使用.sync字面量。 具体请参见文档。

...

props的语法好像不是这样的吧
应该在子组件的extend内以数组的形式指定期望从父组件传来的数据/方法

Vue.component('child', {
  // 声明 props
  props: ['msg'],
  // prop 可以用在模板内
  // 可以用 `this.msg` 设置
  template: '{{ msg }}'
})

然后在父组件里显式传入要传递下去的数据/方法

可以看看vue.js的文档
https://cn.vuejs.org/guide/co...

上一篇(vue.js)vue中关于css的问题
下一篇(vue.js)vue适合java web吗?
明星图片
相关文章
《 (vue.js)怎么让data里面的字段和props的属性同步?》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)