Vue.js Vuejs v-model未更新

每当我更新文本字段中的值时，我的hello数据属性不会更新。{{hello}}中的值应该随着我修改文本字段中的值而改变。下面是一段视频，演示了我正在尝试做的事情：

这里是runnable

---

jsiddle:

尝试在代码中删除v-model之前的冒号。只有在使用速记表达式时才需要它。

请尝试在代码中删除v-model之前的冒号。只有在使用速记表达式时才需要它。

您应该删除输入的v-model属性的冒号，它应该类似于：

var vm=新的Vue{ el:“应用程序”， 资料{ 返回{ 你好：“你好，世界！” }; } }; {{你好}}

---

您应该删除输入的v-model属性的冒号，它应该类似于：

var vm=新的Vue{ el:“应用程序”， 资料{ 返回{ 你好：“你好，世界！” }; } }; {{你好}}

---

啊，是的。。。非常感谢。该睡觉了。啊，是的。。。非常感谢。该睡觉了。

<div id="app">
  <example></example>
</div>

<template id="template">
  <input type="text" placeholder="target env" id="field_target_env" :v-model="hello">{{ hello }}
</template>

Vue.component('example', {
  template: '#template',
  data() {
    return {
        hello: '242'
    }
  }
});

var vm = new Vue({
  el: '#app'
});