如何在vue.js中的嵌套自定义组件中使用v-model？

Question

如何将v-model用于两级深层嵌套组件？ 例如用HTML格式

<opening-hr-field v-model="day"> </opening-hr-field>

此处day是一个对象，例如{is24Open: true, startTime: '5:00 PM'}

JS模板

<template type="text/x-template" id="opening-hr-field-template">
  <div>
    <input type="checkbox" v-model="value.is24Open"> 24 hour
     <time-select v-model = "value.startTime"></time-select>
  </div>
</template>

<template  type="text/x-template" id="time-select-template">
  <select :value="value" 
    v-on:input="$emit('input', $event.target.value)">
    <option v-for="t in getHours()">
      {{ t }}
    </option>
  </select>
</template>

在这里，我有两级深度v模型。如何将第二个模板的发射传播到第一个模板，一直到父模板？你能告诉我一个例子吗？