- 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 提交给接口即可
}
}
})