Vue2.0 props使用的问题
发布于 2 个月前 作者 curlywater 593 次浏览 来自 问答

以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])



来自 cnode-vue

@BubblyPoker 多谢,fork一下项目

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

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

来自酷炫的 CNodeMD

emitter.js,这个是饿了么前端写的基于VUE的一个组件库里的一个mixin,可以用来在父子组件中传播事件

来自 cnode-vue

回到顶部