vue ----组件数据共享

组件之间的关系

对于直接的父子关系看成父子关系，其他的不直接的都看作兄弟关系

父子关系

父传子（自定义属性）

使用自定义属性

注意： 对于简单类型，是复制一份传到子组件中
对于对象类型，是传递的对象的引用，子组件修改会影响父组件内容

子传父（自定义事件）

兄弟（EventBus）

uniapp 页面通讯

A页 跳 B页

A页发

uni.navigateTo({      
	url: 'test/test?id=1&url=' 
	+ encodeURIComponent('https://dcloud.io')
	+'&obj=' + JSON.stringify(this.item)  
});

B页收

export default {      
	onLoad: function (option) { 
	//option为object类型，会序列化上个页面传递的参数          
	console.log(option.id); //打印出上个页面传递的参数。        
	console.log(option. url); //打印出上个页面传递的参数。    
	}  
}

公共方法，常量的使用

const websiteUrl = 'http://uniapp.dcloud.io';  
const now = Date.now || function () {      
	return new Date().getTime();  
};  
const isArray = Array.isArray || function (obj) {      
	return obj instanceof Array;  
};  
export default {      
	websiteUrl,      
	now,      
	isArray  
}


<script>      
import helper from '../../common/helper.js';  
    export default {          
	    data() {              
	    	return {};          
	    },          
	    onLoad(){              
	    	console.log('now:' + helper.now());          
	    },          
	    methods: {          
	    }      
    }  
</script>