以Vue2.0为基础封装一个模态组件，在父组件中通过props控制模态组件，模态组件中封装关闭操作。 在Vue1.0中可以使用双向props实现，但2.0中不再支持双向props，且规定组件自身修改props是反模式的。版本比较的issues中说到可以使用computed和data来代替props的操作，不是特别理解，大家是否有遇到过相似的例子？
回复 (6)
1
传一个object进去，可以实现双向数据绑定，只要你不直接替换掉对象就行
B
在父组件里
this.$on("modifyProp", function(args){
//修改props
})
在子组件里
this.$emit("modifyProp", [args])
来自 cnode-vue
C
引用 1340641314传一个object进去，可以实现双向数据绑定，只要你不直接替换掉对象就行
@1340641314 也是一种办法
C
B
用组件触发事件，然后让父组件去修改这个值
我是把子组件有关的变量和操作的写成了一个mixin ，用这个子组件时同时引入mixin和子组件， 不知道有没有更好的办法， 感觉这点上2没1方便
来自酷炫的 CNodeMD
B
emitter.js，这个是饿了么前端写的基于VUE的一个组件库里的一个mixin，可以用来在父子组件中传播事件来自 cnode-vue
参与回复
登录后即可参与回复。登录