vuejs 初上手專案

2021-08-19 12:54:16 字數 1655 閱讀 6093

學習乙個框架有兩個階段最難,乙個是初期的入門,乙個是後期的原始碼閱讀。

雖然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腳...