Vue中组件的v-model

最新推荐文章于 2024-06-06 21:58:56 发布

沐日（Shrek）

最新推荐文章于 2024-06-06 21:58:56 发布

阅读量1.2k

点赞数 2

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

本文链接：https://blog.csdn.net/qq_53499304/article/details/124536454

版权

Vue中组件之间的值动态绑定 v-model

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

在Vue中有表单input的v-model绑定，而组件同样可以拥有此效果。
代码如下：
父组件

//App.vue
<template>
  <div>
    <!-- <input v-model="message">
    <input :value="message" @input="message = $event.target.value"> -->
        
    <!-- 绑定两个v-model -->
    //v-model:title="title" 绑定了title属性； 监听了 @update:title的事件；
    <hy-input v-model="message" v-model:title="title"></hy-input>
    <!-- <hy