Composition api (五) 使用props

在setup裡使用props

今天有一個card元件如上，我們想在外層傳入person這個物件到card元件裡

在card元件裡，可以用props來接收外層傳入的prop，在setup裡會將props當作參數傳入，這個參數是包含所有props的物件，要讀取個別prop可以用物件解構的方式。

const { name } = props // 取出name的個別prop值

但要注意解構出來的值只有第一層有雙向綁定

如果解構第二次的值是沒有雙向綁定的特性，如上圖的name。
要解決這個問題，可以用ref來取出第一次解構的值。