Question

考点

js语言和框架-vue.js-基本语法-if\show

面5笔5

v-model的实现原理

Answer 1

解答

v-model双向绑定实际上做了两步动作：

1、绑定数据value
2、触发输入事件input；也就是说，v-model等同于：<template>

<div id="app">
{{username}} <br/>
<input type="text" :value="username" @input="username=$event.target.value">
</div>
</template>

<script>
export default {
name: 'App',
data(){
return {
username:''
}
}
}
</script>