首页 > 技术文章 > vue双向数据绑定v-model

v616 2019-07-28 21:56 原文

1.双向数据绑定 <input v-model="msg" />

<template>
  <div id="app">
    <input v-model="msg" />
    <p>值:{{msg}}</p>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      msg: "",
    };
  }
};
</script>

<style>

</style>

页面效果:

 

推荐阅读