Vue.js是一個基于MVVM設計概念的前端JavaScript框架，它通過數據驅動視圖的方式實現了前端頁面的動態化展現。Vue.js主要由三部分組成：核心庫，組件庫和構建工具。

Vue.js的核心庫可以讓我們輕松地實現數據雙向綁定、組件化開發，還提供了很多有用的指令和插件。而一個典型的Vue組件會由組件選項對象和一個對應的模板組成，其中組件選項對象包含了組件的各種屬性和方法。

其中，Vue實例就是一個Vue組件，只不過它不需要手動注冊和渲染，而是由Vue框架在初始化時自動完成這些操作。在Vue實例中，我們可以在數據對象上定義各種屬性和方法，用于響應式地更新視圖。Vue實例提供了很多快捷的屬性和方法，可以用來快速地獲取和修改組件中的數據和狀態。

new Vue({
el: '#app',
data: {
message: 'Hello World',
count: 0
},
computed: {
doubled: function () {
return this.count * 2
}
},
methods: {
increment: function () {
this.count++
}
}
})

上面的代碼中，我們定義了一個Vue實例，它有一個綁定在 #app 元素上的掛載點，并且定義了三個快捷字段：data、computed和methods。

data是一個包含了所有數據和狀態的對象。在上面的例子中，我們定義了一個message屬性和一個count屬性，并且將它們的初始化值分別設置為'Hello World'和0。

computed是一個包含了所有計算屬性的對象。計算屬性是一個根據其他數據動態計算而來的屬性，它會被緩存并且只在必要時才會重新計算。在上面的例子中，我們定義了一個doubled計算屬性，它會根據count屬性的值動態計算出當前的雙倍數。

methods是一個包含了所有方法的對象。方法是一個用于處理用戶交互和邏輯計算的函數，它可以訪問和修改組件中的數據和狀態。在上面的例子中，我們定義了一個increment方法，用于將count屬性的值增加1。

在Vue實例中，快捷字段是一種典型的選項對象模式，它通過提供一系列預定義的屬性和方法，讓我們能夠快速地搭建組件并響應用戶交互。

總之，Vue實例的快捷字段有三個：data、computed和methods。它們分別用于定義組件的數據、計算屬性和方法。在組件中，我們可以通過這些快捷字段來訪問和修改組件的狀態，從而實現動態化的交互效果。