Vue中你可能认为是bug的情况原来是这样的

前言

我们知道Vue框架剧本双向数据绑定功能，在我们使用方便的同时，还有一些细节问题我们并不知道，接下来一起探讨一些吧

双向数据绑定

js变量改变影响页面
页面改变影响js变量

Vue2是如何做到数据绑定的

Object.defineProperty(obj,key,{

				set:function (newV) {

					val = newV;

 					// 通知所有用到这个属性的DOM更新

					dep.notifyAll();

                },

				get:function () {

					if (Dep.currentSub) {

                         // 对这个属性,新订阅一个元素

						dep.subscribe();

					}

					return val;

				}

			});

以上需要说的就是: Vue中data函数返回的对象，会经过层层遍历，最后将所有的对象通过以上方法，把其属性进行监视。
- 通过xxx.xxx = 'xxx' 就会触发set函数
- 通过xxx.xxx 就会触发get函数

关于数组与基本数据类型的奇葩现象

我们声明好数组，其中放置基本数据类型

 let vm = new Vue({

        el:'#app',

        template:`

        <div>

          <p v-for="n in arr" >

            {{n}}

          </p>

        </div>`,

        data(){

          return {

            arr:[1,2,3]

          }

        }

    });

现在我们改变其中的元素值