組件(Component)是 Vue.js 最強(qiáng)大的功能。組件可以封裝可重用的代碼,通過傳入對象的不同,實(shí)現(xiàn)組件的復(fù)用,但組件傳值就成為一個需要解決的問題。
父組件向子組件傳值
組件實(shí)例的作用域是孤立的。這意味著不能在子組件的模板內(nèi)直接引用父組件的數(shù)據(jù)。要讓子組件使用父組件的數(shù)據(jù),我們需要通過子組件的props選項。
子組件:
父組件:
組件(Component)是 Vue.js 最強(qiáng)大的功能。組件可以封裝可重用的代碼,通過傳入對象的不同,實(shí)現(xiàn)組件的復(fù)用,但組件傳值就成為一個需要解決的問題。
父組件向子組件傳值
組件實(shí)例的作用域是孤立的。這意味著不能在子組件的模板內(nèi)直接引用父組件的數(shù)據(jù)。要讓子組件使用父組件的數(shù)據(jù),我們需要通過子組件的props選項。
子組件:
父組件: