vue 数据改变 视图没有刷新

最近在用Vue做项目的时候，经常遇到一个问题，当数据改变之后，视图却没有刷新，下面我就总结一下我在开发过程中遇到的几种视图无法刷新的情况，不一定全面~！为了方便演示，我们来创建一个最最简单的demo。

//html
<div id="test"></div>

//js
var app = new Vue({
     el:'#test',
     data:{
          msg:"Vue大法好！"
     }
});

一、直接用索引值改变数组的某个值，或者直接改变数组的长度

问题描述：有关于数组的改变而引发的视图刷新应该是最常见的问题了，在Vue官方文档中提到， 由于 JavaScript 的限制， 当你利用索引直接设置一个项，或者直接改变数组的长度时，Vue将不会检测到数据的变化。

像上图的两种写法，将无法刷新视图，只有使用文档中列出来的数组方法，才能实现数据的改变，包括push()、pop()、shift()、unshift()、splice()、reverse()、sort()。其实这些列出来的数组的方都是能改变原数组的，所以能够被watcher监测到，从而引发视图的重新渲染，原理相同，这边就不一一的测试啦~列出下面一个作为参考:

那么如果只想要改变数组中某一个数据的值，可以使用的方法有两种：
1、使用splice()方法，删除并替换原数组中的值
2、使用Vue提供的set方法