一个文本框，双向绑定，输入一个值，有另外一个旁边也自动显现同样的值，需要用到组件，另外一个是组件，还是两个一起构成一个组件？一起构成一个吧？就是传值和事件响应麻烦一点，与不用组件做有什么差别，用组件做

hamimelon2020

于 2021-08-05 16:23:39 发布

阅读量210

点赞数

分类专栏： vue JavaScript 文章标签： vue

本文链接：https://blog.csdn.net/weixin_40945354/article/details/119420839

版权

本文探讨了Vue中v-model与:title的用法，以及组件间的通信。示例展示了如何在自定义组件`MyInput`中使用v-model，并通过props从父组件传递值。v-model:title用于绑定元素的title属性。在Vue应用中，组件可以封装复用的代码，通过props实现父组件向子组件传递数据，而子组件通过$emit反馈更新。

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

/* 有时候为什么v-model后面要跟:title，这是什么用法？*/


<div id="app" class="demo">
  <my-input v-model="message"></my-input>
 </div>
  <script src="https://unpkg.com/vue@next"></script>
  <script>
  const app = Vue.createApp({
   
    data() {
   
      return {
   
        message: 'Java无难事'
      }