关于网友提出的“ (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...