1.v-model
你可以用 v-model 指令在<input> 、<textarea> 及<select> 元素上创建双向数据绑定。
v-model="username",username 必须声明 。在input里面输入内容p标签会同步显示,点击按钮会把输入的内容打印到控制台。
<template>
<div>
<p>{
{ username }}</p>
<input type="text" v-model="username">
<button @click="handlerInpyt">按钮</button>
</div>
</template>
<script>
export default {
name: 'HelloWorld,
data(){
return{
username:""
}
},
methods:{
handlerInpyt(){
console.log(this.username);
}
}
}
</script>
<style>
</style>