vue中經常要用到的程式碼

• 屬性使用動態值加固定值用

:a="`${變數名}` + '固定值'"

例如：

<svg :style="{width,height}">
    <!-- 內部需要用use結合使用 -->
    <use :xlink:href="`${prefix}` + 'mao'" :fill="color"></use>
    <!-- <use xlink:href="#icon-surf"></use> -->
</svg>

• 給style標籤設定動態值

:style="{屬性名:變數名}"

例如：

<li :style="{color: item.done ? 'green' : 'red'}">

• defineProps位變數名設定型別和預設值

defineProps({
   變數名:{
       type:變數型別,
       default:預設值  
    } 
})

例如：

defineProps({
    prefix: {
        type: String,
        default: "#icon-",
    },
    iconName:String,
    color:{
        type:String,
    },
});