关于子父组件相互传值,做了一个翻译的小demo:
https://github.com/ranransun/vue-translate/
父组件向子组建传值---props
父组件:
数据部分:
模版引用组件的部分
子组件:
两个红框框的名字是一样的,笔者在写的时候报过这样的错误
props还有更严谨的写法,即
传值和传引用是不一样的效果:
属性传值可以传具体的值,也可以传引用(Array,object),传引用的时候,改一处,所有引用的地方都会改变
子组建向父组件传值
第一步在子组件里绑定并注册事件(例如传递的内容为name)
v-on:click="change"
在change事件里注册事件,this.$emit("changename","传递的内容")
第二步在父组件里绑定事件
例如:子组件注册的事件为changename
在父组件绑定changname事件
<p v-on:changename="update" >改变</p>
在父组件里实现update(),接收子组件传进来的参数
例如
update(name){
this.name=name;
}
从子组件传过来的参数在父组件里得到更新,这样就实现了子组件的值传递到父组件~~~!
后续会按照理解修改,请各位大神指导~