v-model 原理

v-model 原理

： 对应的是 v-bind
@ 对应额是 v-on

创建 工程：

H:\java_work\java_springboot\vue_study

ctrl按住不放 右键 悬着 powershell

H:\java_work\java_springboot\js_study\Vue2_3入门到实战-配套资料\01-随堂代码素材\day04\准备代码\10-v-model的原理

vue --version
vue create v-model-demo
cd v-model-demo
npm run serve

源码

<template>
  <div>
    <input v-model="msg1" type="text" />
    <br />
    <br />
    <input :value="msg2" @input="msg2 = $event.target.value" type="text" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg1: "",
      msg2: "",
    };
  },
};
</script>

<style>
</style>