最近在做一個(gè)前后端的博客系統(tǒng)項(xiàng)目，前端選擇了用vue和element-ui，現(xiàn)在剛好做出了一個(gè)用戶管理的頁(yè)面，所以來(lái)記錄一下。首先看一下效果先。
能學(xué)習(xí)到的點(diǎn)有：axios提交請(qǐng)求，element-ui實(shí)現(xiàn)分頁(yè)，vuex，布局等這些知識(shí)點(diǎn)。
1.講解下分頁(yè)效果實(shí)現(xiàn)：
element-ui通過(guò)設(shè)置不同的屬性可以構(gòu)建出這些分頁(yè)效果
實(shí)際項(xiàng)目中：
div中
data中
注解：其中帶：這個(gè)的代表綁定了data里面的分頁(yè)屬性：page（共幾頁(yè)），pageSize（每頁(yè)大小）,currentPage（當(dāng)前頁(yè)）,total（總共有多少條），帶@是綁定了某個(gè)方法，一般有：實(shí)現(xiàn)動(dòng)態(tài)改變每頁(yè)大小的方法，動(dòng)態(tài)跳轉(zhuǎn)到某頁(yè)。
getList就是提交了axios請(qǐng)求，只不過(guò)是我把它封裝好了
基本思路：分頁(yè)的時(shí)候哪些分頁(yè)的基本屬性和方法該懂得，其次就是axios提交請(qǐng)求一塊會(huì)用。
接下來(lái)講講axios和vuex
axios的思路：cacheService.js（緩存必要的數(shù)據(jù)，放入sessionStorage或者localStorage中）--->index.js（配置axios的基信息）--->admin.js（建立axios和vuex中的交互）---->暴露方法供組件調(diào)用
1.cacheService.js
大概如此
2.index.js
基本配置
初步的請(qǐng)求
3.admin.js
這個(gè)便是配置在vuex中的，每次請(qǐng)求我都可以選擇下的將信息保留在vuex中
vue組件中使用的請(qǐng)求方法是通過(guò)mapActions,從vuex中的action中獲得的。
