分享乙個vuejs的入門專案

2021-09-02 19:34:23 字數 1792 閱讀 2695

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

雖然vue的官方文件非常棒,在我讀完文件之後還是會有一種感覺,知識點我都懂,然後呢?似乎大體知道該怎麼利用vue全家桶去搭建乙個專案,但具體下筆又有點模糊。vue官方的腳手架並沒有將vue-router和vuex包括進去,所以我們需要自己去配置它們。雖然找了一堆的demo,但是都沒有達到我想要的效果。正好趁著自己接了乙個小專案,拿來練手。

這個專案主要的作用是熟悉 vue vue-router vuex 在初期搭建專案的時候該怎麼配置,以及怎麼去互相配合,xx.vue檔案該怎麼寫,如何建立和使用元件,vuex的state,mutations,actions,getters怎麼配合,形成乙個完整的流程。

專案並不複雜,所以拿出來分享,希望對大家有幫助

## 路由配置

```js

export default [, , ]

}]```

## 配置actions

```js

import ajax from '../config/ajax'

export default , id) )

if (state.itemnum < state.itemdetail.length) )}},

getdata() )

})},

initializedata()

}```

## mutations

```js

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) ,

}```

## 建立store

```js

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()

```## 建立vue例項

```js

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,

```

分享乙個入門php的好教材

先來介紹一下這個入門的php教材吧,這個教材並不是現在的php5,已經是老版本了,教材對應的是php4,後來一直在研究,php4跟php5有什麼不同,其實主要就是類有一些改善,對於基礎入門的知識,基本上沒什麼太大的變化。xiariboke.com 最後還有幾篇 的內容,就是中文的介紹比較多點了,比如...

分享乙個SharedPreferences工具類

直接上 public class sputils else if object instanceof integer else if object instanceof boolean else if object instanceof float else if object instanceof...

分享乙個oraclehelper

分享乙個拿即用的oraclehelper 首先要引用本機中的oralce access,如果是64位的話,也必須是64位執行,不然會報連線為空connection 等於null.using oracle.dataaccess using oracle.dataaccess.client public...