Question

我是vue的新手，我有一个接收文本的简单组件。

<template>
  <div class="row">
    <input type="text" id="chatInput" v-model="chatValue"> 
    <br/><br/><br/><br/>
  </div>
</template>

<script>
export default{
  name: 'chat-room',
  data: function () {
    return {
      chatValue: ''
    }
  }
}

到目前为止，chatValue变量绑定到输入标记。我想将chatValue的值放到另一个js文件中，这样我就可以操作该值了。另外，我正在查看vue文档，似乎状态管理似乎可以解决问题，但我很难理解这个概念。我可以实施状态管理来执行我的愿望吗？如果没有，我怎么样？

Answer 1

组件之间共享的数据应由提供数据项接口的模块拥有。最常见的方法是父组件拥有数据，父组件的子组件接受数据项作为prop，在数据项发生变化时发出事件。

documentation here中描述了这一点。

如果组件的关联性较低，则可以通过使用事件总线described here使数据更类似于全局变量。

如何将数据从输入字段传输到另一个js文件

1 个答案: