每日一篇（6）--Vue-$emit()的使用

在vue中父組件可以使用 props 把數據傳給子組件。子組件可以使用 $emit 觸發父組件的自定義事件。
不多廢話，直接上代碼：

//這是頁面
//定義一個父組件 名字叫做List
//定義一個子組件 名字叫做userList
<List>
<userList @exchange='querylist'></userList>
</List>

//這是邏輯
//userList中的js：
created(){
	//如果這個條件滿足 執行方法
	if(this.user){
		this.$emit('exchange')
	}
}
//List中的js:
//這個時候$emit方法執行成功 回調父組件中的querylist()方法
created(){
	this.querylist() //方法名稱
}

還可以傳入參數，根據回調成功傳入父組件參數值：

//userList中:
this.$emit('exchange',{name:this.name})//任意傳入參數--通過父組件取出

//List中:
querylist(item){
	//item 就是子組件傳回來的參數
	console.log(item)
}

看都看到這裏了，有錢的捧個錢場，沒錢的捧個人場，留個關注吧^–