vue+jsp+实现添加

vue单表添加，非常简单，代码量非常少

数据域

var data4Vue={classes: []，beanAdd: { classname:'classname', classmsg:'msg'}}；

--beanAdd是一个json对象，内容是页面的初始值。

方法域增加一个方法：

add: function (event) {

            axios.post("class", this.beanAdd).then(function(response){
                vue.list(1);//刷新页面
                vue.beanAdd = {classname:'classname', classmsg:'msg'}
            });
        },

通过ajax，把beanAdd对象传到后台，成功后刷新页面

理解双向绑定

java code as below

page init effect as below

--初始化的数据从哪来的？

在页面上进行测试，OK

v-on:click="add"

v-model="beanAdd.classname"

classname:<input type="text" v-model="beanAdd.classname" />

把数据域的值绑定到input文本框上

--当添加学生时，有班级的下拉框，该如何才做？

总结：
MVVM的主要特点
双向绑定，在js里修改数据域的值，页面dom的值也会跟着改变。
在页面文本框里输入值，vue数据域里的值也会跟着修改。