最近在做一個(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)：
實(shí)際項(xiàng)目中：
注解：其中帶：這個(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è)蜡峰。
基本思路：分頁(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
3.admin.js
vue組件中使用的請(qǐng)求方法是通過(guò)mapActions,從vuex中的action中獲得的油航。
