一 变更方法

        调用 push()方法   会直接影响ui变化

                

<template>
<div><ul><li v-for="(item,index) in nums " :key="index"></li></ul>
</div>
<button @click="add">添加数据</button>
</template><script>
export default{data(){return{nums:["java" ,"c" ,"vue"]}},methods:{add(){this.nums.push("js");}}
}
</script>

二 替换一个数组 不会直接影响ui变化

        

<template>
<div><ul><li v-for="(item,index) in nums " :key="index"></li></ul>
</div>
<button @click="add">添加数据</button>
</template><script>
export default{data(){return{nums:["java" ,"c" ,"vue"]}},methods:{add(){this.nums =  this.nums.concat(["js"])}}
}
</script>

如果只是this.nums.concat(["js"])ui见不会发生变化    需要重新赋值给nums 才会在浏览器中显示出新添加的数组元素 js;