vue双向数据绑定v-model

分类: IT文章 • 2025-01-21 09:46:19

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>

页面效果：

vue双向数据绑定v-model

vue双向数据绑定v-model

相关推荐