码迷,mamicode.com
首页 > 其他好文 > 详细

vue组件质之间传值总结

时间:2019-06-06 15:57:59      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:model   ons   获取   new   sage   cti   传值   init   值方法   

<!-- 作者: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组件质之间传值总结

标签:model   ons   获取   new   sage   cti   传值   init   值方法   

原文地址:https://blog.51cto.com/garcia648/2405901

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!