vue组件质之间传值总结
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue组件质之间传值总结相关的知识，希望对你有一定的参考价值。
<!--
作者：wtt
时间：2019-05-28
描述：父组件给子组件传值：
1.父组件调用子组件的时候动态绑定属性
<v-home :title=‘homeTitle‘ :tableList=‘tableList‘ :run=‘run‘ :init=‘this‘></v-home>
2.子组件定义props接收动态绑定的属性
props: [‘title‘,‘tableList‘,‘run‘,‘init‘]
3.子组件使用数据
-->
<!--
作者：wtt
时间：2019-05-28
描述：子组件主动获取父子间的属性和方法：
在子组件中使用this.$parent.属性/this.$parent.方法
-->
<!--
作者：wtt
时间：2019-05-28
描述：子组件给父组件传值：
1.父组件调用子组件时绑定属性ref
<home-header :ref=‘header‘></home-header>
2.在父组件中使用this.$refs.header.属性/this.$refs.header.方法
-->
<!--
作者：wtt
时间：2019-05-28
描述：非父子组件传值方法：
1.创建VueEvent.js
2.在创建的VueEvent.js里引入vue实例，实例化vue，暴露vue实例
import Vue from ‘vue‘; var VueEvent=new Vue() export default VueEvent;
3.在要广播的组件引入定义的实例
import VueEvent from ‘/project-vue/src/Model/VueEvent.js‘
4.通过VueEvent.$emit(‘名称‘,数据);
VueEvent.$emit(‘to-header‘,this.message);
5.在要接收的组件中VueEvent.$on(‘名称‘,function(data));
VueEvent.$on(‘to-header‘,function(data)
console.log(data)
);
-->以上是关于vue组件质之间传值总结的主要内容，如果未能解决你的问题，请参考以下文章
uniapp和vue组件之间的传值方法（父子传值，兄弟传值，跨级传值，vuex）