有在用 Vue 寫應用程式的人，一定也會接觸到 Vuex，它有很多優點但也有限制， 其中一項就是不能在 Mutation 以外的地方修改 State ，所以也就不能直接使用 v-model 去綁定，雖然官方有提供一段替代的寫法，但還是比原本直接用 v-model 來的麻煩很多，特別是大量的時候。

SPA 的網站會因為功能變多造成 build 出來的產物越來越大，雖然 Webpack 可以切 Chunk，但也會讓載入的時間變長，此時可以搭配 Vue 的 Components Dynamic Async 的功能，讓 Component 只在使用到的時候才去載入，不會一次就全部載完。

Kestrel 是 .Net core 隨附的跨平台網頁伺服器，可以自己獨立運行，也可以搭配其他網頁伺服器的反向 Proxy。

Bot Framework 4 官方內建的 Storage 並沒有 SQL Server， 僅支援開發用的 MemoryStorage 和 Azure 上的 CosmosDb 與 Blob。

因工作上需要，於是就想辦法把寫一個支援 SQL Server 的 Storage。

最近有踩到這個雷，當使用 NHibernate 去存取資料庫時，你在變更的 Table 加上 Trigger， 而這個 Trigger 有去異動到資料，

那 NHibernate 的類似保護機制的東西就會噴這個錯誤:

Batch update returned unexpected row count from update; actual row count: 2; expected: 1

EntityFramework 是一個實現 ORM 的一個工具，而 EntityFrameworkCore 則是它的輕量版，簡單來說就是可以在專案中寫好需要的 Model 後，再用它產生對應的 Table，不用再自己執行 SQL。

在使用 Bot Framework 開發時，一定會遇到要部署至 IIS 的狀況，但官方文件就只有寫部署到 Azure 的方法， 雖然部署 Bot Framework 4 的方法與部署 .Net Core 差不多，但沒注意到細節踩雷也會很煩。

Microsoft bot framework 4 在去年九月就發布了，直到最近我才有機會去學他，雖然有碰過 v3，但聽說架構改很大， 底層也改用 .Net Core 了，現在趕緊把它補上。

雖然官方是推薦用 VS ，但身為一個 Jetbrains IDE 的愛好者，當然是使用它來當作開發工具，現在就讓我們從建立專案開始吧。

在開發聊天機器人時，現今給使用者的資料呈現方式除了一般的字串形式外，另外一種較常出現的就是以卡片形式呈現， 運用卡片形式呈現不僅讓使用者更容易閱讀，也不會造成聊天頻道看起來很雜亂。

Bot Framework 以內建許多卡片供開發者使用，不僅支援多個平台，也很容易使用。

在這邊紀錄一下怎麼將 Bootstrap 4 新增進 vue-cli 3.x 所建立的專案中。