Javascript Vue.js双向数据绑定只能单向工作

我有以下内容：

<input type="text" v-model="selectedPost.title" v-bind:value="selectedPost.title">

当我在输入上键入内容时，Vue模型将更新，我可以在浏览器控制台上看到它正在运行：

vueapp.$data.selectedPost.title

返回在文本框中键入的值。一切都好

但是。。当我这样做时：

vueapp.$data.selectedPost.title = "changed";

文本框不会使用指定的值进行更新

为什么?？如何让它工作

---

此JSFIDLE显示发生的问题：

您看到的行为是因为在Vue初始化后添加到对象的属性，除非您使用添加属性。在这种情况下，只需初始化title属性

var vueapp = new Vue({
  el: '#app',
  data: { 
          selectedPost: {title:''} 
        }
});

---

更新。

您看到的行为是因为在Vue初始化后添加到对象的属性，除非您使用添加属性。在这种情况下，只需初始化title属性

var vueapp = new Vue({
  el: '#app',
  data: { 
          selectedPost: {title:''} 
        }
});

---

更新。

能否创建一个完整的脚本示例以便我们更容易调试？无法重现此问题：使用JSFIDDLE更新能否创建一个完整的脚本示例以便我们更容易调试？无法重现此问题：使用JSFIDDLE更新对子对象是否相同？如果标题是另一个对象呢？我必须事先初始化它的所有属性？@raphadko是的，任何添加属性的对象。您不必初始化它们，但如果不初始化，则需要使用我链接的$set方法。对于子对象也是这样吗？如果标题是另一个对象呢？我必须事先初始化它的所有属性？@raphadko是的，任何添加属性的对象。您不必初始化它们，但如果不初始化，则需要使用我链接的$set方法。