vue组件之间传值常用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue组件之间传值常用相关的知识,希望对你有一定的参考价值。

参考技术A 父组件向子组件传值主要是给到子组件一个props属性,并将该属性按类型设置为默认值(0或者空)。例子,父组件页面注入的子组件标签中加上   :这是子组件中props添加的值="这是父组件data需注册的值" , 父组件data实现相应数据业务逻辑,即可。

子组件传给父组件则比较麻烦,子组件method需要用this.$emit('父组件上的绑定值'),父组件的标签元素绑定   :这是父组件需要注册的方法="父组件上的绑定值",父组件的method里面要注册    这是父组件需要注册的方法()……

兄弟组件(组件1&组件2)间传值沿用上述两个方法,思路为:子组件1传值给父组件,父组件再传值给子组件2。

以上是关于vue组件之间传值常用的主要内容,如果未能解决你的问题,请参考以下文章

VUE父子组件之间的传值,以及兄弟组件之间的传值

vue3组件详细介绍

vue点击其它地方隐藏组件

vue父组件与子组件之间的传值

Vue组件之间的传值方法

03、vue 页面跳转传值,父子组件传值