需要注意的是，Vue之所以能夠監(jiān)聽Model狀態(tài)的變化，是因為JavaScript語言本身提供了Proxy或者Object.observe()機制來監(jiān)聽對象狀態(tài)的變化。但是，對于數(shù)組元素的賦值，卻沒有辦法直接監(jiān)聽，因此，如果我們直接對數(shù)組元素賦值：

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、欽南ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的欽南網(wǎng)站制作公司

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};

會導致Vue無法更新View。

正確的方法是不要對數(shù)組元素賦值，而是更新：

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';

或者，通過splice()方法，刪除某個元素后，再添加一個元素，達到“賦值”的效果：

var index = 0;
var newElement = {...};
vm.todos.splice(index, 1, newElement);

Vue可以監(jiān)聽數(shù)組的splice、push、unshift等方法調(diào)用，所以，上述代碼可以正確更新View。

以上這篇解決Vue 通過下表修改數(shù)組,頁面不渲染的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。