Vue2.0 props使用的问题
发布于 8 年前 作者 curlywater 4380 次浏览 来自 问答

以Vue2.0为基础封装一个模态组件，在父组件中通过props控制模态组件，模态组件中封装关闭操作。 在Vue1.0中可以使用双向props实现，但2.0中不再支持双向props，且规定组件自身修改props是反模式的。版本比较的issues中说到可以使用computed和data来代替props的操作，不是特别理解，大家是否有遇到过相似的例子？

6 回复

传一个object进去，可以实现双向数据绑定，只要你不直接替换掉对象就行

在父组件里

this.$on("modifyProp", function(args){
		//修改props
})

在子组件里

this.$emit("modifyProp", [args])

<br/><br/><a class=“tag” target=“new” href=“https://github.com/BubblyPoker/cnode-vue”>来自 cnode-vue</a>

@1340641314 也是一种办法

@BubblyPoker 多谢，fork一下项目

用组件触发事件，然后让父组件去修改这个值

我是把子组件有关的变量和操作的写成了一个mixin ，用这个子组件时同时引入mixin和子组件， 不知道有没有更好的办法， 感觉这点上2没1方便

来自酷炫的 CNodeMD

1

emitter.js，这个是饿了么前端写的基于VUE的一个组件库里的一个mixin，可以用来在父子组件中传播事件<br/><br/><a class=“tag” target=“new” href=“https://github.com/BubblyPoker/cnode-vue”>来自 cnode-vue</a>

回到顶部