此教學課程提供如何使用 Knockout 元件處理站建立自訂元件的總覽。
此教學課程的主要目的是運用此模式，只要透過更新 SampleComponentViewModel 和 sampleComponentTemplate JavaScript 物件便可建立任何自訂元件。sampleComponentFactory 和 SampleComponentImpl 物件在您進行教學課程時不會有所變更。您無須處理與頁面的通訊即可實行這些變更，並且能夠執行以下作業：
從「設定值」面板傳送變更至您的元件，並且保存這些變更。
執行觸發程式和動作，並且與頁面上的其他元件互動。
建立版面配置及運用巢狀元件。
定義元件特定樣式。
雖然此範例將自訂元件分割為多個檔案，但這是為了讓此教學課程更簡單明瞭。為了獲得最佳結果，您應該考慮適度封裝您的檔案以避免多次下載。
最後，儘管此教學課程適用於以 Knockout 為基礎的元件，但如果您想要使用其他 JavaScript 技術堆疊 (例如 AngularJS) 建立自訂元件，您必須重新實行 SampleComponentImpl 物件以建立與框架對應的通訊，以及特定於實際元件實行的技術。這項工作超出此教學課程的範圍。