Vue.js 複習：component 命名
我們在Vue使用組件，一般都是用Vue.component( )來寫Vue.component( )的第一個參數是組建名稱，第二個參數是物件，裡頭會有data、template、methods...etc
Vue.component("組件名稱", {
<u>//....</u>
}
組件名稱基本上會有三種命名方式 1.kebab-case
Vue.js
Keep-alive 保存切換組件時的資料
使用Vue 動態切換組件時(或SPA)，有時我們在切換組件時想保存原本組件的資料：
例如有一個組件是表單，寫到一半點選其他組件，網頁把表單組件置換成別的組件，這時再切回表單組件時，會發現原本寫表單寫到一半的文字資料不見了。
這其實很合理，因為組件切換是把原本組件刪除，切換回來是再次動態產生，所以新組件自然沒有保存被刪除置換前的資料。
想解決這方法，只要在表單組件(或想暫時保存資料的組件)外，用<Keep-alive>標籤把該組件<組件>
Vue cli Error: No PostCSS Config found in xxxxx
在上傳本地專案到gitlab、github時，理所當然要把node_modules資料夾砍掉
反正clone下來npm install就好了
結果報錯 囧
乍看會以為是Bootstrap的問題，其實不是，因為Bootstrap確實存在於node_modules裡，重點是這句
No PostCSS Config found in xxxxx
上網查詢了一下，發現大家都有這個問題，原來這是webpack3以後才有的問題，這是關於webpack配置產生的錯誤
解決方法，在根目錄新增一個檔案postcss.
Vue cli 安裝 Bootstrap4、Sass、jQuery 和 Popper.js
紀錄一下環境建置
首先建立vue cli專案
vue init webpack 專案名稱
或
vue init webpack-sample 專案名稱
接著
cd 專案名稱
npm 安裝套件
npm安裝Bootstrap 4
npm install bootstrap -S
現在install bootstrap會自動選bootstrap4