- 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
js
new Vue({ el:”#app”, data:{ userData:{ username:’’ } }, methods:{ submitData:function(){ var me = this; var data = JSON.stringify(me.userData);//这个就是表单的 json 格式的数据对象 //之后讲 data 提交给接口即可 } } })
```