---
# System prepended metadata

title: '**[HBS CMS] Vue**'

---

# **[HBS CMS] Vue**
＝＝＝＝＝＝＝＝＝＝寫在README.md＝＝＝＝＝＝＝＝＝＝＝＝
＊安裝項目：vue-cli, Vuex, nodejs, babel, router, elements, Unit Testing, Linter/Formatter.etc. 
＊記錄vue-cli怎麼build，如何使用？ 
＊如何部署？ 
＊ESlint的規範：standard
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＊透過vue-cli去做
＊router可以不整頁切，只切部分頁面
    => https://ithelp.ithome.com.tw/articles/10227276
＊src架構 - https://www.jianshu.com/p/6dc1bdb2e506
＊存全域變數的config檔放在src/底下(ex. url, api path)  
=> main.js可以import config.js
=> src/外面的config可以寫build時的資訊或是環境變數  
故總共會有兩個config檔 
＊vue常用指令 - https://www.itread01.com/content/1561705502.html  

**[討論的議題]**
Q1. 如果在src/底下多一個新的類別要怎麼加才有作用

Q2. 現在vue的做法是將scss寫在各個component的檔案裡，若是使用element的component，但想更改樣式的話，要怎麼同時更改各個畫面中使用到那個component的css設定

Q3. src/components跟src/views底下放的東西要怎麼分類？views放畫面？components要放哪些東西？

Q4. wizard這類的pop up視窗應該分在哪個資料夾類別底下

Q5. 沒有畫面的utility(time transfer, unit transfer)應該要放哪個類別底下？src/components?

Q6. scss要怎麼包成css？放在哪裡？
https://dotblogs.com.tw/deer_nots/2019/09/20/150045 
https://medium.com/%E4%BC%81%E9%B5%9D%E4%B9%9F%E6%87%82%E7%A8%8B%E5%BC%8F%E8%A8%AD%E8%A8%88/vue%E5%B0%88%E6%A1%88%E4%B8%AD%E7%9A%84css%E7%AE%A1%E7%90%86%E7%AD%96%E7%95%A5-%E5%88%A9%E7%94%A8scss%E5%B0%87%E6%A8%A3%E5%BC%8F%E6%A8%A1%E7%B5%84%E5%8C%96-47c1d337c5fd

Q7. 要用typescript嗎？ 
=> 是

Q8. router換掉的頁面是隱藏還是整個換掉？如果換掉的話原來的資料就不見了 
=> 可以部分換頁 

Q9. 確認是否可以放到NAS上運作
=> 可 
(以下為2020/01/10更新) 
Q10. 如果自行定義的component要增加event是否是利用emit去做？ 

Q11.component初始化的時候能傳json給它嗎？比如說api要傳給不同的url就需要傳url進去 

Q12.若將login頁面分為 account, username, password還有login button四個component，都用import的方式，則component之間要如何溝通？button怎麼知道我要拿上面哪幾個欄位？

Q13. HBS CMS的框怎麼定義？如何切割?
=> 參考 https://github.com/PanJiaChen/vue-admin-template


** [後續開發問題] **
 ＊要有個store存資料嗎？還是每次都要打API重拿 
 ＊HBS跟CMS如果有共同的東西，能否避免兩邊皆須修改的情形
 ＊若TypeScript轉成原生的js後是否可以應用在extjs?如果可以如何使用？