vue 基本语法操作

• v-model="vue.prop" 双向绑定数据，一般用于 input 表单元素
• v-bind:id="" v-bind:href="" v-bind 后面跟是 html 的属性键，后面跟的是 vue 实例化里面的属性值，简写方式 v-bind:href -> :href
• v-on:click="" v-on 后面跟的是 DOM 事件，简写方式 @click
• @submit.prevent="submitData" 这个是 form 表单提交专用的事件，后面的 submitData 是实例化的 vue 中 methods 对象中的一个方法，写法如下：

# html
<form @submit.prevent="submitData">
  <input type="text" v-model="userData.username" value="">
  <button type="submit">提交</button>
</form>

# js
new Vue({
  el:"#app",
  data:{
    userData:{
      username:''
    }
  },
  methods:{
    submitData:function(){
      var me = this;
      var data = JSON.stringify(me.userData);//这个就是表单的 json 格式的数据对象
      //之后讲 data 提交给接口即可
    }
  }
})