一个组件与另一个组件的绑定值

Question

我有两个独立的组件。在一个组件中，我有一个输入，在另一个组件上我想要一个始终等于输入值的变量。我不想把它限制在一个限制我参加那个活动的事件上;我想不断地看着它。因此，我认为$emit不是一个好的选择。

实现这一目标的适当方法是什么？

Vue.component('first', {
    data: {
       helloVal: "Hello world"
    }
    template: `
        <div>
           <input :hello="helloVal">
        </div>
    `
})


Vue.component('first', {
    template: `
        <div>
           <p>{{ helloVal }}</p>
        </div>
    `
})

如何让hello始终等于helloVal？我可以在不同的组件之间使用v-model:吗？