项目运行（nodejs 6.0+）

# 安装依赖npm install# 开启本地服务器localhost:8088npm run dev# 发布环境npm run build

效果演示

移动端扫描下方二维码

路由配置

importAppfrom'../App'exportdefault[{path:'/',component:App,children:[{path:'',component:r=>require.ensure([],()=>r(require('../page/home')),'home')},{path:'/item',component:r=>require.ensure([],()=>r(require('../page/item')),'item')},{path:'/score',component:r=>require.ensure([],()=>r(require('../page/score')),'score')}]}]

配置actions

importajaxfrom'../config/ajax'exportdefault{addNum({ commit, state},id){commit('REMBER_ANSWER',{ id})if(state.itemNum<state.itemDetail.length){commit('ADD_ITEMNUM',{num:1})}},getData({ commit, state}){ajax('GET','http://operating-activities.putao.com/happyfriday?active_topic_id=4').then(res=>{commit('GET_DATA',{res})})},initializeData({ commit}){commit('INITIALIZE_DATA')}}

mutations

constGET_DATA='GET_DATA'constADD_ITEMNUM='ADD_ITEMNUM'constREMBER_ANSWER='REMBER_ANSWER'constREMBER_TIME='REMBER_TIME'constINITIALIZE_DATA='INITIALIZE_DATA'constGET_USER_INFORM='GET_USER_INFORM'exportdefault{[GET_DATA](state,payload){if(payload.res.httpStatusCode==200){state.itemDetail=payload.res.topiclist;}},[GET_USER_INFORM](state,payload){state.user_id=payload.res.users_id;},[ADD_ITEMNUM](state,payload){state.itemNum+=payload.num;},[REMBER_ANSWER](state,payload){state.answerid[state.itemNum]=payload.id;},[REMBER_TIME](state){state.timer=setInterval(()=>{state.allTime++;},1000)},[INITIALIZE_DATA](state){state.itemNum=1;state.allTime=0;},}

创建store

importVuefrom'vue'importVuexfrom'vuex'importmutationsfrom'./mutations'importactionsfrom'./action'Vue.use(Vuex)conststate={level:'第一周',itemNum:1,allTime:0,timer:'',itemDetail:[],answerid:{}}exportdefaultnewVuex.Store({state,actions,mutations})

创建vue实例

importVuefrom'vue'importVueRouterfrom'vue-router'importroutesfrom'./router/router'importstorefrom'./store/'Vue.use(VueRouter)constrouter=newVueRouter({routes})newVue({router,store,}).$mount('#app')