技術標籤：vuevue.js

父元件


父元件裡面正常寫	

	<div>

			<one :list="list">這是子元件</one>				

	</div>

	data(){
		return{
				activityList: { echarts樣式 }
		}
	}
	
	下面就是介面賦值什麼的，就不囉嗦了

子元件內

	首先props進行接受，兩種接受方式，陣列和物件
		props：[ 'list' ]

		props：{
				list: {
						required: true
				}
		}
 

echarts封裝的元件傳值的時候可能會有預設的限制資料，資料格式之類的問題，這裡我用的watch進行監聽,
immediate: true 立即執行 :當重新整理頁面時會立即執行一次handler函式，類似有記點的功能，當在a頁面某個位置重新整理時，重新整理完還會在當前頁面位置
deep: true 深度監聽

	watch: {
		list: {
			handler(val) {
				this.add（vla）
			.}
		},
		deep: true,
		immediate: true
	}

methods: {
	add(msg) {
		console.log(msg, '在這裡列印一下msg是否有值'，)
		
		var myChart = echarts.init(document.getElementById('vehicleActivityLaw'))
		
		這個方法就是引用的echarts外掛要顯示的圖表什麼的，
		const times = []
		Object.keys(data).map(item => {
    		times.push(data[item].date)
    	})	
		this.activityList.yAxis.data = times
		按路徑賦值就可以了
		
		myChart.setOption(this.activityList)
		把echarts樣式放到data裡activityList方法裡面，這裡進行呼叫
	}
}