在Angular和Vue這兩個前端框架中，控制器(Controller)是非常重要的一部分。控制器的主要作用是管理數據模型和視圖(view)之間的通信，同時也可以用來設置頁面的初始狀態和行為。

在Angular中，控制器通常使用ng-controller指令來聲明。一個簡單的控制器可以像下面這樣：

// HTML代碼
<div ng-controller="myCtrl">
<p>{{message}}</p>
</div>
// JavaScript代碼
app.controller("myCtrl", function($scope) {
$scope.message = "Hello, Angular!";
});

在Vue中，控制器被稱為組件(Component)。一個簡單的組件可以像下面這樣：

// HTML代碼
<div id="app">
<my-component></my-component>
</div>
// JavaScript代碼
Vue.component("my-component", {
template: "<p>{{ message }}</p>",
data: function() {
return {
message: "Hello, Vue!"
}
}
});
new Vue({
el: "#app"
});

控制器和組件的概念在這兩個框架中有一些不同之處，但它們的作用和原理都是相似的。它們都可以用來管理頁面的狀態和行為，使得頁面更加交互和動態。