Vue.js 是一個輕量級的框架，以簡潔優雅的 API 和高效的渲染性能而著稱。在 Vue 中，用戶可以輕松創建和組合自定義組件，以便在項目中重復使用。Vue 組件的靈活性和可定制性使其成為開發過程中不可或缺的一部分，因此，掌握 Vue 組件參數的基本知識至關重要。

Vue 的組件系統中包含了一些非常強大的特性，讓我們可以創建靈活的高度可重用的組件。其中一個特性就是組件參數（props）。組件參數是指我們可以將一些數據屬性傳遞到組件中，以便在組件內部使用。

Vue.component('alert', {
props: {
message: {
type: String,
required: true
},
type: {
type: String,
default: 'info'
}
},
template: '<div class="alert" :class="[type]">{{ message }}</div>'
})

如上代碼段所示，我們創建了一個組件叫做 "alert"，并使用 props 定義了兩個參數：message 和 type。message 是一個必傳的字符串類型參數，type 是一個可選字符串類型參數，如果沒有值傳遞進來，則使用默認值 "info"。

當我們在代碼中使用這個組件時，我們可以在實例化 alert 組件時傳入兩個參數，例如：

<alert message="Hello World" type="success"></alert>

通過這種方式，我們可以在 alert 組件中使用 message 和 type 兩個參數。比如上面的例子中，在 alert 組件的模板中可以通過 {{ message }} 和 type 兩個屬性來訪問參數值。