Vue Echarts 的開發 使用 注意

2021-10-25 09:42:13 字數 776 閱讀 7326

一般來說,大多數公司的技術棧都是vue開發,所以就只講vue相關的吧,我看github也有很多的vue+echarts的開源專案,我把它git clone下來也大概看了看。

我發現高手就是不一樣,設計非常合理,舉個簡單的例子,他們的腳手架專案的搭建和配置都非常規範,

我還發現【vue中引元件不光可以引乙個vue格式的檔案,竟然還可以引入乙個資料夾? 真不知道】

這一點有大佬知道的還望不吝賜教一下。

那就讓俺來說一下高手是怎麼設計的:

比如在views資料夾下面建立乙個index.vue骨架元件,然後骨架元件引用同目錄下面的器官元件,而這些器官元件都是通過位置命名,這樣在頁面就方便找對應位置的元件,然後在components元件庫裡面先寫好對應位置的檔名,用的時候直接的用對應位置的echarts元件就行了【在這裡我看有位高手還直接在@/下面多寫了乙個common檔案,用於放置封裝好的echarts元件庫,太強了,這樣一來可以自由搭配,要用什麼元件直接在配置的時候多配置一項。 :id="echarts元件名"就ok了】

事實證明,有空真的多看下大佬寫的**,你就會發現,你會從蒙蔽的狀態——有點感覺但是還是暈——回歸蒙蔽。

恭喜你,你已經學會了。(此說法來自倚天屠龍記中張三丰傳太極拳給張無忌的情景)

tips:怎麼在vue中引用echarts這個就不說了,網上到處都是。

原理可以講一下:

我覺得記住我總結的這五步,繫結dom——初始化echarts例項—— 找對應圖表配置對應資料—— 顯示圖表 —— dom載入完呼叫

以後vue中用echarts 應該問題不大了吧。

vue echarts在vue中的使用

安裝依賴 win npm install echarts vue echarts mac sudo npm install echarts vue echarts vue echarts 預設在 webpack 環境下會引入未編譯的原始碼版本,vue cli 建立專案可能會遇到預設配置把 node ...

2021 1 23關於vue echarts的使用

echarts5.0.0以前版本引入方式 import echarts from echarts echarts5.0.0以後如果還用以前的引入方式會報錯 export default imported as echarts was not found in echarts 需要換種引用 impor...

iOS開發 git的使用 終端使用

下面就來為大家介紹如何使用github 後面跟的都是mac終端命令列語句 1.git的安裝 1.1 安裝 sudo apt get install git 1.2 檢視git的版本 git version 1.3 檢視git的所有操作語句 git 2.git的全域性配置 便於提交 時,知道是誰提交的...