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, }, });