Vue、Angular和ExtJS是常用的前端框架之一。它們都有著自己的特點和適用場景，下面我們來了解一下這三個框架的特點和區別。

Vue

Vue是一款輕量級的JavaScript框架，由尤雨溪于2014年開發。Vue的核心思想是"響應式編程"，通過數據與視圖的雙向綁定實現頁面與數據的同步更新。Vue還提供了指令、組件化等API，使開發者能夠更輕松地維護和構建大型項目。

// 通過vue實現一個計數器
new Vue({
el: '#app',
data: {
count: 0
},
methods: {
increment() {
this.count++
}
}
})

Angular

Angular是由Google開發的前端框架，它提供了一組完善的工具和框架，幫助開發者快速構建大型、復雜的應用程序。除了數據與視圖的雙向綁定外，Angular還提供了依賴注入、模塊化、路由等特性，讓開發者能夠更好地管理應用程序。

// 通過angular實現一個計數器
import { Component } from '@angular/core';
@Component({
selector: 'app-counter',
template: `Count: {{ count }}`
})
export class CounterComponent {
count: number = 0;
increment() {
this.count++;
}
}

ExtJS

ExtJS是一款商業級別的前端框架，主要用于構建Web應用程序的UI界面。它提供了豐富的組件庫、插件和工具，使開發者能夠更快速地創建美觀、穩定的Web應用程序。但是，由于其商業性質，需要付費才能使用。

// 通過extjs實現一個計數器
Ext.create('Ext.button.Button', {
text: 'Button',
listeners: {
click: function() {
var count = this.up('panel').down('#count');
count.setValue(count.getValue() + 1);
}
}
});
Ext.create('Ext.form.field.Display', {
itemId: 'count',
value: 0
});

總結

Vue、Angular和ExtJS都是優秀的前端框架，不同的場景需要選擇不同的框架。Vue適合構建小型和中型的項目，Angular適合構建復雜和大型的項目，而ExtJS適合構建專業的商業級別的Web應用程序。