vue双向数据绑定v-model

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>

页面效果:

 

posted @ 2019-07-28 21:56  v616  阅读(144)  评论(0编辑  收藏  举报