About Responsive
The two-way binding of vue is based on responsiveness, that is, add getter and setter methods to the properties of a Vue object, and handle bidirectional binding in these methods. But this method will lead to the following pitfalls
Object responsive
If the properties in Vue are Objects, or arrays, and there are Objects in the array, then these Objects are best defined at the beginning. If the attribute is added again during operation, this property is not responsive and will not implement two-way binding, for example:
const vm = new Vue({ data: { a: { text: 'aaa' } }})vm.ab = 'ccc'In this case, the b attribute of a is not responsive, so it will not be bound in two-way
Date object
Operations on Date objects are not responsive