Vue組件的使用與傳參

router.js中自定義組件

父頁的JS中引入組件

在components中加要用的組件（components對象沒有的話自行寫上）

components{
	//導入進來的名字
	InfectionManagment
}

父頁的CSS中引入組件

<組件名></組件名>
<InfectionManagement ></InfectionManagement>

父組件向子組件傳參

data() 中自定義變量

父組件中加上： :id=“自定義的變量”

<InfectionManagement :id="currentPatientId"></InfectionManagement>

子組件的JS中加上： props: [‘id’],

然後在子組件直接this.id就可以拿到父頁定義的變量了

打印到控制檯就更不用說了