Vue 2.0是目前非常受歡迎的JavaScript框架之一，它的屬性系統(tǒng)是其核心功能之一。Vue的屬性系統(tǒng)可以將屬性綁定到組件實(shí)例上，從而隨時(shí)響應(yīng)屬性的變化，實(shí)現(xiàn)數(shù)據(jù)的雙向綁定。

Vue 2.0中的屬性可以分為兩類(lèi)：計(jì)算屬性和監(jiān)聽(tīng)器。

計(jì)算屬性是指通過(guò)函數(shù)計(jì)算出的屬性，它們的值在依賴(lài)的屬性發(fā)生變化時(shí)動(dòng)態(tài)更新。

new Vue({
data: {
message: 'Hello'
},
computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}
})

在這個(gè)例子中，我們定義了一個(gè)計(jì)算屬性reversedMessage，它通過(guò)對(duì)message屬性的值進(jìn)行反轉(zhuǎn)來(lái)計(jì)算出它的值。

監(jiān)聽(tīng)器是用于監(jiān)聽(tīng)屬性變化的函數(shù)，當(dāng)屬性發(fā)生變化時(shí)，監(jiān)聽(tīng)器會(huì)被調(diào)用。

new Vue({
data: {
message: 'Hello'
},
watch: {
message: function (newVal, oldVal) {
console.log('message changed from ' + oldVal + ' to ' + newVal)
}
}
})

在這個(gè)例子中，我們定義了一個(gè)監(jiān)聽(tīng)器watch，它監(jiān)聽(tīng)message屬性的變化。當(dāng)message屬性發(fā)生變化時(shí)，監(jiān)聽(tīng)器函數(shù)會(huì)被調(diào)用，輸出信息到控制臺(tái)。

Vue的屬性系統(tǒng)提供了非常方便的數(shù)據(jù)綁定方式，可以大大簡(jiǎn)化開(kāi)發(fā)流程，提高開(kāi)發(fā)效率。