$.vmodel.create(param) - 建議寫法

            $.vmodel.create({
                selector: '.container', 
                model: '--message', 
                isautoload: true, 
                method: function (){
                    var vs = this;
                    this.autoload = ['init']; 

                    // 建立自訂方法，若需要自動被觸發，可將方法名稱寫入 autoload 的陣列
                    this.init = function (){
                        console.log('Hello World')
                    }
                }
            });
        

• settings：{plain object}
  • selector：{selector} 選擇器
  • model：{string} 為模組命名。前綴字元 -- 在被呼叫的時候可以被省略。例如命名『--message』 或 『message』 可以使用 $.vmodel.get("message");
  • isautoload：{bool} 是否啟啟用自動讀取。
  • method：{function} 主要方法
    • vs：{object} 等同於內部使用 this ，這麼做是刻意與 this 命名區方，方便識別。
    • autoload： {array | function} 自動觸發方法。可以是陣列，也可以是方法，但是方法務必回傳陣列。

            this.autoload = ['init', 'click_button'];
            
            或
            
            this.autoload = function (){
                // 做一些處理
                return ['init', 'click_button'];
            }
        

$(selector).vmodel(selector, model, isautoload, method) - 舊寫法

            $(".container").vmodel(".container", "--message", true, function (){
                var vs = this;
                this.autoload = ['init'];
                this.yourfun = function (){
                    console.log('Hello World')
                }
            });
        

• selector： 第一個須要與選擇器相同，如 .container 。將 selecter 利用參數帶入到 function，這是 jQuery 3.0 以後的官方建議。
• model： 同 $.vmodel.create() 相關參數
• isautoload： 同 $.vmodel.create() 相關參數
• method： 同 $.vmodel.create() 相關參數

vs

等同於內部的 this，例如呼叫內部的方法， this.callme() 等同於 vs.callme()。這麼做是因為 this 這個關鍵字在太多地方會使用。而一旦使用 vs 就能清楚明白，我們準備呼叫內部的屬性或方法。

vs.root

取得跟位置的 $(selector)。

vs.selector

取得根指定的選擇器 selector。

vs.struct(name, [status])

• name： {string | array} 指地內部的方法名稱。可以使用字串或陣列。
• status： {bool} 預設 true，false 代表該方法未完成。

告訴 vmodel 當前哪個方法的建構已經完成。
配合 $.vmodel.get() 第三個參數指定使用視覺化屬性的時候，需要透過該方法來輔助。通常使用在 function 的結尾。例如這裡我們先定義好模組，在使用 $.vmodel.get() 呼叫啟用。可參考這個範例：

            $.vmodel.create({
                selector: '.container',
                model: '--model',
                isautoload: false,
                method: function (){
                    var vs = this;
                    this.autoload = ['say']; // 啟用後會自動讀取 say()

                    this.say = function (){
                        console.log('Hello World')
                        // 告訴模組這個方法建構完畢
                        vs.struct('say');
                    }

                    // 做為完成後的呼叫
                    this.success = function (){
                        console.log('ByeBye')
                    }
                }
            });       

            // 啟用模組，並在 "model" 建構完畢後會做一些事情
            $.vmodel.get("model", true, function (storage){
                storage.success(); // 等同 $.vmodel.get("model").success();
            });
        

$.vmodel.get([name], [autoload], [listen])

• name： {string} 要讀取的模組名稱。若在定義時使用前綴字元『--』命名，在這裡記得不要寫；若為空，可返回整個倉儲。
• autoload： {bool} 是否觸發內部的 autoload。預設 false。
• listen： {bool | function(storage)} 監聽 autoload 中的每個方法，都被 vs.struct() 指定狀態為true 以後，所觸發的 callback。若指定為 true，仍然會啟用監聽完成後的視覺化屬性。

可在任何時候，啟用 vmodel 自動讀取(初始化或是建構的概念)，或是呼叫 vmodel 模組內的某個方法。如果指定 listen ，那麼完成後會在根元素添加屬性 data-vmodel-history 作為紀錄。我們可以透過 $.vmodel.history() 取得。

            $.vmodel.create({
                selector: '.container',
                model: '--model',
                isautoload: false, // 不觸發 autoload
                method: function (){
                    var vs = this;
                    this.autoload = ['init'];
                    this.init = function (){
                        //....
                    }
                }
            });

            $.vmodel.get("model", true);

            或

            $.vmodel.get("model", true, true);

            或

            $.vmodel.get("model", true, function (storage){
                //...
            });
        

$.vmodel.history(name)

• name： {string} 倉儲名稱

取得視覺化的屬性物件。如果找不到，會返回 false。務必將取得的倉儲對象，設定 $.vmodel.get() 第三個參數。

            $.vmodel.get('my', true, true);
            var obj = $.vmodel.history('my');
        

$.vmodel.end([storage], [callback])

• storage： {string | array} 指定要完成的倉儲名稱。若不指定，則當所有倉儲完成後，觸發 callback
• callback： function 等到倉儲完成後所觸發的回調函式。

監控多組倉儲，直到完成視覺化後，即刻觸發函式。若要使用該方法，務必啟用 $.vmodel.get() 第三個參數為 true 或 function，以及配合 vs.struct()。

            $.vmodel.end(function (){
                //...
            })
            $.vmodel.end(['login', 'register'], function (){
                //...
            })
        

$.vmodel.delete([name])

• name：{string} 要刪除的模組名稱。若不指定可全部刪除。

刪除指定的倉儲。

            $.vmodel.delete();
            $.vmodel.delete('my');
        

$.vmodel.version()

取得當前的 vmodel 版本編號。

            console.log( $.vmodel.version() ); // 輸出如 1.5.1