方法一
template部分代碼：
<div?class="iconfont">{{item.icon}}</div>
script部分代碼：
export?default?{
??name:?'BottomBar',
??setup?()?{
????const?bottomBarList?=?[
??????{?icon:?'\ue751',?text:?'首頁(yè)'?},//需要將iconfont復(fù)制的十六進(jìn)制unicode代碼（如 &#x轉(zhuǎn)為\u)
??????{?icon:?'\ue899',?text:?'購(gòu)物車'?},
??????{?icon:?'\ue655',?text:?'訂單'?},
??????{?icon:?'\ue615',?text:?'我的'?}
????]
????return?{?bottomBarList?}
??}
}
方法二
可以保留圖標(biāo)的unicode格式代碼，template不使用插值表達(dá)式忆肾，
使用v-html= " item.icon"加酵，其余部分按照方法一的去修改即可。
這樣后續(xù)調(diào)整樣式方便許多吠昭。\
由此可知道vue中插值表達(dá)式和 v-html的區(qū)別饶套，前者為text文字鞋喇，后者存樣式
