vux+vue-cli3.0坑

最近開發了項目使用了vue-cli3.0+vux搭建的項目，如今總結遇到的問題；

環境：github vux有關於vue-cli3.0以及vux已經搭建好的腳手架vux-cli3連接

一：以下報錯

解決方法：

1：按照官方文檔,尋找問題

2：安裝github有關於vue-cli3.0已經搭好的環境連接，可是也須要注意引入方式，不然仍是會報錯的

　　①：全局引入，在main.js中引入組件全局註冊，在組件中直接使用就能夠啦

            

　 ②：組件中按需引入，須要建立單獨的js文件引入，而後在.vue的script標籤用引入js文件。好比我建立的Tabbar.js文件引入註冊了vux的tabbar組件，在Tabbar.vue的script中引入Tabbar.js文件就行了

           

二：打包生成的js中還包含es6語法，致使低版本的手機(ios9)打不開頁面，最開始本身以爲很奇怪，畢竟vue-cli3.0原本能夠自動的有轉換的，可是npm run build以後一直還包含

解決辦法：

①：稀土掘金上的一篇文章，通常是能夠解決的http://www.javashuo.com/article/p-hxphkvgb-gt.html

②：官方文檔http://www.javashuo.com/article/p-hxphkvgb-gt.html 瀏覽器兼容性，這只是第一步

　　

　　其實npm run build以後的文件裏面還包含es6是由於vux 也就是ui框架裏面的並無轉換，因此須要添加以下圖，將vux也進行一步轉換

       

 

 

簡單的記錄，問題是解決了，也許還有更好地辦法，慢慢挖掘