vue的起步了解

v-on:keyup.enter：回车监听事件，点击回车，走后面监听的方法
v-model=“a.b”：这是一个类似于赋值的操作，比如：你在这里输入的是123，则a.b=123,在后续的vue方法中，会需要输入的值
这个是后续的代码：

<script type="text/javascript">

    console.log(projectName);

    Vue.config.debug = true;//开启vue的debug模式
    var vm = new Vue({
                         el: "#loginDiv",
                         data: {
                             user: {
                                 loginName: '',
                                 passWord: ''
                             }

                         },
                         methods: {
                             doLogin: function () {
                                 console.log(vm.user);
                                 $.ajax({
                                            type: "post",
                                            url: projectName + "/login",
                                            data: JSON.stringify(vm.user),
                                            datatype: 'json',
                                            contentType: "application/json",
                                            success: function (data) {
                                                //console.log(vm.parent.success);
                                                //console.log(vm.isTest);
                                                if (data.success == true) {
                                                    localStorage.setItem("token",
                                                                         data.result.token);
                                                    console.log(localStorage.getItem("token"));
                                                    location.href =
                                                        projectName + "/admin/index.html";
                                                } else {
                                                    layer.alert(data.message);
                                                }
                                            },
                                            error: function () {
                                                layer.alert("请求失败");
                                            }
                                        });
                             }
                         }
                     });


</script>

方法详解：

      data:{  //里面放所有的声明数据
    },
    created() {
        //钩子函数，用于初始化，特点是在页面渲染成html之前就执行的方法
    },
    // 初始化执行
    mounted() {   //钩子函数，也是用于初始化的，特点：页面渲染成html之后才执行的方法
        this.getAlTeacherGroup();
    },
    //执行某些方法后数据产生了变化再执行
    updated: function () {   //监听，数据发生变化的时候，会执行这个方法

    },
    // 数据发生变化之后进行监听，再执行
    watch: {},     //这个也是监听方法，帮抵数据发生变化的时候会执行该方法
    methods: { //vue中的所有方法都放在这里面，点击方法绑定：v-on:click
    }