v-for的運用

也能夠第一步：建立一個jsp文件；

 

第二步：導入vue.js

 

第三步：寫上Model

第四步：編寫View

注意：這裏的student是對應Model裏面studentList裏面的每一個對象數據，一個{}表示一個student ，in的話表示在什麼XX裏面，View這的studentList對應Model裏面的studentList;

 

歸納意思總結的話和如下的java代碼和el表達式類似

 

 

效果以下:

 

同時使用v-for最大的優勢就是能夠實現View和Model同步

在js上往studentList裏面push數據進去能夠實現頁面的view和js的Model同步

頁面效果：（頁面不刷新，同步顯示數據）

 

以上描述爲我的學習時的理解。