# Vue ![](https://i.imgur.com/YNC9xye.png) > 輕量化的框架 MVVM 架構 Two-Way-Binding 雙向綁定 組件(Component)系統 [我们为什么选择 Vue.js 而不是 React 和 Angular ](https://www.infoq.cn/article/2016/12/why-Vue-js-no-react) [有人私下做 Vue 和 React 的性能测试然后惊动了两边的维护者](http://react-china.org/t/vue-react/5605/6) # Vuex [![](https://i.imgur.com/5g3D9lW.png)](https://ithelp.ithome.com.tw/articles/10185686) # 入門程度 > 簡單 [ ![](https://i.imgur.com/xp7FpYh.png) ](https://ithelp.ithome.com.tw/articles/10184834) # 多國語言支持度 ![](https://i.imgur.com/wjYRL6M.png) > [Vue-i18n](https://ithelp.ithome.com.tw/articles/10194177) https://dotblogs.com.tw/wasichris/2018/05/12/012517 # 專案建構 * vue-cli https://dotblogs.com.tw/wasichris/2017/03/01/172049 # 客製化程度 > vue component 自稱最強大 ![](https://i.imgur.com/WTzpE0B.png) https://ithelp.ithome.com.tw/articles/10201787?sc=iThelpR # 穩定度 ![](https://i.imgur.com/plBfogD.png) https://www.slideshare.net/WillHuangTW/enterprise-frontend-framework-trend-2018 # 模組化 *[ vue-loader](https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/226288/) # 輕量度/效率 ![](https://i.imgur.com/CboC24g.png) https://cn.vuejs.org/v2/guide/comparison.html # 寫作規範 https://segmentfault.com/a/1190000014548207 https://cn.vuejs.org/v2/guide/routing.html # Mobile APP 支援度 ![](https://i.imgur.com/421zfHO.png) 1. [Vue Native](https://vue-native.io/) 2. [Vue + weex](https://weex.apache.org/zh/guide/use-vue-in-weex.html) 3. Cordova + webview 4. [JsBridge](https://www.ctolib.com/JsBridge.html) ![](https://i.imgur.com/SOXdjXT.gif) 5. vue + native script 6. [react-vue 混搭 ](https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/194292/) 7. https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/194292/ https://segmentfault.com/a/1190000011495654 https://www.infoq.cn/article/vXkNh*HVrW7HUeiNdlsk # 插件篇 ## ActiveX https://blog.xtechstack.com/2018/10/08/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8vuejs%E9%9B%86%E6%88%90ActiveX/ https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/290542/ ## NPAPI > 應該三個都支援 ## Socket? or exec > 不使用插件的 方法 當前資料讀卡機方式為何? > 透過 php 使用 socket 回傳 > http://eeepage.info/php-system-exec-passthru/ ## Chrome extension http://www.voidcn.com/article/p-yhfkyqxf-bas.html https://ithelp.ithome.com.tw/questions/10188923 ## Native Messaging https://stackoverflow.com/questions/33593261/calling-a-c-dll-through-chrome-browser-extension # CSS IDE [dreamweaver](https://www.adobe.com/tw/products/dreamweaver.html) [Bootstrap 4](https://getbootstrap.com/) [wappler.io](https://wappler.io/index) # CSS 模板 1. Vuetify 2. Buefy 3. Fish-UI 4. Quasar 5. Vux 6. Element 7. Keen-UI 8. AT-UI 9. Mint-UI 10. VuePress 11. Eagle.js 12. Bootstrap-Vue 13. iView UI # TypeScript ![](https://i.imgur.com/BsuMryM.png) * 支援 , 也支援 JSX # Debug/testing 搭配chrome debug * [vue-devtools](https://ithelp.ithome.com.tw/articles/10188564) # 支援IDE * sublime text 3 * VSCODE * ATOM * Netbeans # 後端配合 * laravel * Django * nodejs express * Flask https://ithelp.ithome.com.tw/articles/10188447 # spring-boot-vue-example-spring ![](https://i.imgur.com/R0l56PO.png) https://grokonez.com/spring-framework/spring-data/spring-boot-vue-example-spring-data-jpa-rest-postgresql-crud-example # Ajax 溝通方式 * vue-resource * Axios * jQuery ($.ajax, $.get, etc.) * Fetch API https://ithelp.ithome.com.tw/articles/10188447 # Hot Reload ![](https://i.imgur.com/1R3CRgY.gif) https://segmentfault.com/a/1190000005363030 https://blog.csdn.net/u012414590/article/details/79043757 https://vue-loader.vuejs.org/guide/hot-reload.html#state-preservation-rules