自定义组件的 v-model和.sync修饰符

Agoni___

已于 2023-03-17 17:59:16 修改

阅读量121

点赞数

分类专栏：前端 vue 文章标签： vue.js 前端 javascript

于 2023-03-17 17:31:47 首次发布

本文链接：https://blog.csdn.net/Agoni___/article/details/129625110

版权

本文探讨了如何在Vue.js中利用v-model和.sync修饰符实现父子组件之间的数据同步。详细介绍了v-model在父组件中使用的方法，以及子组件如何通过.sync修饰符将内部值更新通知给父组件。

摘要由CSDN通过智能技术生成

实现父子组件数据同步

v-model

父组件

<template>
  <div>
    <input type="text" v-model="msg" />
    <!-- <son :value="msg" @input="msg = $event"></son> -->
    <!-- 简写 -->
    <son v-model="msg"></son>
  </div>
</template>

<script>
import son from "./s.vue";
export default {
     
  name: "myFather",
  data<