學習乙個框架有兩個階段最難,乙個是初期的入門,乙個是後期的原始碼閱讀。
雖然vue的官方文件非常棒,在我讀完文件之後還是會有一種感覺,知識點我都懂,然後呢?似乎大體知道該怎麼利用vue全家桶去搭建乙個專案,但具體下筆又有點模糊。vue官方的腳手架並沒有將vue-router和vuex包括進去,所以我們需要自己去配置它們。雖然找了一堆的demo,但是都沒有達到我想要的效果。正好趁著自己接了乙個小專案,拿來練手。
這個專案主要的作用是熟悉 vue vue-router vuex 在初期搭建專案的時候該怎麼配置,以及怎麼去互相配合,xx.vue檔案該怎麼寫,如何建立和使用元件,vuex的state,mutations,actions,getters怎麼配合,形成乙個完整的流程。
專案並不複雜,所以拿出來分享,希望對大家有幫助
export default [, , ]
}]
import ajax from '../config/ajax'
export default , id) )
if (state.itemnum < state.itemdetail.length) )}},
getdata() )
})},
initializedata()
}
const get_data = 'get_data'
const add_itemnum = 'add_itemnum'
const rember_answer = 'rember_answer'
const rember_time = 'rember_time'
const initialize_data = 'initialize_data'
const get_user_inform = 'get_user_inform'
export default
},[get_user_inform](state, payload) ,
[add_itemnum](state, payload) ,
[rember_answer](state, payload) ,
[rember_time](state) , 1000)
},[initialize_data](state) ,
}
import vue from 'vue'
import vuex from 'vuex'
import mutations from './mutations'
import actions from './action'
vue.use(vuex)
const state =
}export default
new vuex.store()
import vue from 'vue'import vuerouter from 'vue-router'
import routes from './router/router'
import store from './store/'
vue.use(vuerouter)
const router = new vuerouter()
new vue({
router,
store,
java執行緒初上手
t.join 1000 等待 t 執行緒,等待時間是1000毫秒 總結1 執行緒的建立 public class threadmain thread2.start 二 1.通過建立實現runable的類threadcreate 2.實現實現了runnable介面的匿名類 runnable myrun...
構建vuejs專案
目的 在d盤myvue下構建vue專案 過程 1.d盤建立myvue檔案 2.命令進入myvue cmd d cd myvue 3.在目錄下建立乙個基於 webpack 模板的新專案 vue init webpack my vue project4.安裝專案依賴 cd 上一步建立的my vue pr...
搭建vuejs專案
1 環境安裝nodejs npm vuejs npm node npm install vue 然後檢視版本 node v npm v vue v 如果有版本號,則證明安裝成功 2 也可以利用 映象安裝,這樣比較快 npm install g cnpm registry https 3 安裝vue腳...