也可以第一步:创建一个jsp文件;

v-for的运用

 

第二步:导入vue.js

 v-for的运用

第三步:写上Model

v-for的运用

第四步:编写View

v-for的运用

注意:这里的student是对应Model里面studentList里面的每个对象数据,一个{}表示一个student ,in的话表示在什么XX里面,View这的studentList对应Model里面的studentList;

 

概括意思总结的话和以下的java代码和el表达式相似

v-for的运用

 

 

效果如下:

v-for的运用

 

同时使用v-for最大的优点就是可以实现View和Model同步

在js上往studentList里面push数据进去可以实现页面的view和js的Model同步

v-for的运用

页面效果:(页面不刷新,同步显示数据)

v-for的运用

 

以上描述为个人学习时的理解。

 

相关文章:

  • 2022-01-01
  • 2021-08-24
  • 2022-12-23
  • 2021-10-24
  • 2022-12-23
  • 2022-12-23
  • 2021-05-19
猜你喜欢
  • 2021-12-21
  • 2021-08-22
  • 2022-12-23
  • 2021-09-17
  • 2021-10-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案