vue實現分頁，模組化實現的碎碎念。
這篇講一下我是如何在專案中抽離出分頁模組的。
這段時間做的專案讓我很頭疼，因為前面寫程式碼的時候沒有考慮很多東西，寫到後面就發現程式碼越來越重。
而且在不同頁面都有相同的程式碼，比如分頁。
前有大神說：長痛不如短痛。
我最近超級苦惱，已經停止好幾天沒有寫程式碼了，就是因為不斷的寫，程式碼越寫越醜。
比如我跟某人的抱怨：

但是這樣下去也不是辦法，最近又被老闆逼著寫文件，又抽不出一整段時間來改程式碼。
於是想到說最近開始學習requireJS，開始把程式碼模組化出來。
今天已經小有進展，雖然很多原理還是不是很明白就開始拿來用，但是至少實現了一個分頁模組的抽離。鼓掌鼓掌~~~~

還好之間寫程式碼的時候一直有寫註釋的習慣，雖然寫得很醜。

這裡，來貼一下原始碼吧，分頁模組pagin.js

define(function() {　　　
    /*----處理分頁
     *----輸入：
     *--------t_p(NUM)：總頁數
     *--------cur_p(NUM):當前頁碼
     *返回：頁碼陣列pages，以及當前頁碼的類
     */
    var paginGetli = function(t_p, cur_p) {
        console.log('test');
        //總頁數,預設為1
        var
 
 total_page = t_p || 1;
        //當前頁數，預設為1
        var cur_page = cur_p || 1;
        /*處理分頁*/
        var pages = [];
        var prev = {
            "disabled": false,
            "active": false,
            "content": "<<"
        };
        var next = {
            "disabled": true,
            "active"
 
: false,
            "content": ">>"
        }
        if (total_page === 1) {
            console.log('total_page === 1');
            pages.push(prev);
            pages.push({
                "disabled": true,
                "active": true,
                "content": "1"
            });
            pages.push(next);
        } else {
            if (total_page === cur_page) {
                /*當前頁數==尾頁*/
                prev.disabled = false;
            } else if (cur_page === 1) {
                /*當前頁數為第一頁*/
                next.disabled = false;
                prev.disabled = true;
            } else {
                /*當前頁非首頁、末頁*/
                prev.disabled = false;
                next.disabled = false;
            }
            pages.push(prev);
            for (var i = 1; i <= total_page; i++) {
                var item = {
                    "disabled": false,
                    "active": false,
                    "content": i
                };
                if (i === cur_page) {
                    item.active = true;
                };
                pages.push(item);
            }
            pages.push(next);
        }
        var result = {
            "cur_page": cur_page,
            "pages": pages
        }
        return result;
    };　　　　
    return {　　　　　　
        paginGetli: paginGetli　　　
    };　　
});　

主模組zhuguan.js

require.config({
    baseUrl: 'js/common'
});
require(['common', 'pagin'], function(defaultStr, pagin) {
    var baseUrl = defaultStr();
    console.log(pagin.paginGetli(4, 2));
    .................
})