在Vue.js中，數據驅動視圖的方式是通過響應式數據來實現的。當數據發生變化時，Vue.js會自動檢測到數據的改變，并立即更新相應的視圖。這個過程是通過Vue.js的update原理來實現的。

Vue.js的update原理是基于一個叫做“依賴追蹤”的特性來實現的。當一個組件的數據發生變化時，Vue.js會進行“依賴追蹤”，檢測受影響的組件和其他相關的依賴。

let obj = {
name: 'John',
age: 25,
interests: ['coding', 'reading', 'music']
}
// Vue組件
new Vue({
data: obj
})
// 組件中使用數據
{{ obj.name }} // 'John'

上面的代碼中，當數據obj的屬性發生變化時，Vue.js會自動更新相關的視圖。

Vue.js會將data對象中的屬性轉換為響應式的數據，通過劫持屬性的getter和setter方法來實現數據的監聽。當屬性發生變化時，Vue.js會觸發依賴追蹤，查找受到影響的組件和其他相關的依賴，并通知它們更新。

let obj = {
name: 'John',
age: 25,
interests: ['coding', 'reading', 'music']
}
let name = obj.name
let age = obj.age
let interests = obj.interests
// Vue組件
new Vue({
data: obj,
computed: {
summary() {
return `${this.name} is ${this.age} years old and likes ${this.interests.join(', ')}`
}
}
})
// 組件中使用數據
{{ summary }} // 'John is 25 years old and likes coding, reading, music'

上面的代碼中，我們使用computed屬性來計算一個字符串，字符串包含了data對象的三個屬性。當data中的屬性發生變化時，computed屬性會自動更新。

Vue.js還支持watch監聽器來觀察某個屬性或表達式的變化。當被監聽的屬性發生變化時，watch會觸發回調函數，對視圖進行更新。

let obj = {
count: 0
}
// Vue組件
new Vue({
data: obj,
watch: {
count(newValue, oldValue) {
console.log(`count changed from ${oldValue} to ${newValue}`)
}
}
})
// 組件中更新數據
this.count++ // 'count changed from 0 to 1'

上面的代碼中，我們使用Vue.js的watch選項監聽data對象中的屬性count。當count發生變化時，watch會觸發回調函數，并打印出新舊值。

總結來說，Vue.js的update原理基于響應式數據和依賴追蹤的特性。Vue.js監聽數據的變化并自動觸發視圖的更新，從而實現了數據驅動視圖的方式。