数据 vue 监控_vue2.0 双向数据绑定的局限性和简单实现

vue2.0 双向数据绑定的局限性

我们知道，vue2.0内部是通过 Object.defineProperty 来进行数据劫持等操作的，但也正因为这样，所以会存在一些局限性：

1.如果属性不存在，默认后增加的数据不会更新到视图

我们可以看以下代码：

<div id="app">
        {
    {
    info.name}} {
    {
    info.age}}
</div>
    <script>
        let vm = new Vue({
    
            el: '#app',
            data: {
    
                msg: 'emmmmmmm',
                info:{
    
                    name:'cy'
                }
            }
        })
       vm.info.age=18
   </script>

这段代码的运行结果是cy，并没有出现cy 18，这也说明了，如果对没有在data钩子声明了的