Vue iterates over the array display icon in $store.state

Save the iconFONT array as:

Original form: &#**xe666; Save form: \ue666 Replace &#x with \uCopy the code

store/index.js

/ / into the vue
import Vue from "vue";
/ / introduce vuex
import Vuex from "vuex"
Vue.use(Vuex);
const state = {
    outtitle: [{id: "001".name: "Communication".unicode: "\ue671"
        }, {

            id: "002".name: "Daily necessities".unicode: "\ue63f"
        }, {

            id: "003".name: "Entertainment".unicode: "\ue620"},];export default new Vuex.Store({
    state
})
Copy the code

index.vue

<ul class="addout-body-ul"> <li class="addout-body-li" v-for="k in $store.state.outtitle" :key=" K.ID" Class = "iconfont addout - body - the icon" > {{k.u nicode}} < / span > / / display icon name < p class = "addout - p" > {{k.n ame}} < / p > < / div > < / li > </ul>Copy the code