vue 双向绑定动态绑定值无效

代码如:

{{item.title}}

export default { data() { return { traineeCoursework: {}, questionsArr: [] } } }

预想效果, 在input中修改item.title的值, 下面的{{item.title}}会跟着变动, 但是无效

原因: 模板中遍历的属性不在data中, 遍历的是data中的traineeCoursework的某个属性, 这样不会双向绑定的, 所以把traineeCoursework.questions赋给data中的questionsArr, 就可以解决了
改为

自省: 还是不懂vue的原理, 应该抽时间学习一下vue的源码