關於v-model、v-for、v-on的用法

1. 展示Holle Vue

    window.onload = function(){

        var box = new Vue({

            el:'#div’,        

            data:{

            mgs:'Holle vue'}

        });

    }

---

2. v-model : 數據綁定（多數用於表單元素）

 HTML:

 

JS:

 

ps:同時v-model支持雙向數據綁定

---

 

　　 v-for : 用於元素遍歷

 

 

---

 

4. v-on:事件名稱=“方法名”        （事件綁定）

 

 

 

ps: methods：用於綁定 v-on:事件名稱