如果按照常規操作,會發現,組件之間的值會相互影響
解決方案1:使用不同的標識
會發現,處理起來很繁瑣
解決方案2:使用.sync修飾符,進行雙向數據綁定
只需要在使用組件時,控制autoValue屬性,即可實現是否進行雙向數據綁定.
*********************************************************************************************************************************
以下是相同組件使用的一個bug問題
問題:寫一個上傳圖片的公共組件,當一個頁面用多次時,點擊任何一個組件,只會在第一個組件中顯示數據
廢話不說,上代碼
原因是: 組件中使用元素id獲取元素,多個組件中獲取的的是相同的ID,所以默認取的是第一個,且只有第一個有值
解決方案: 使用ref屬性獲取元素
