echarts中文手冊(cè) Vue被淘汰了嗎?
Vue被淘汰了嗎?今天,我剛開(kāi)始了解Vue cli 3.0。我開(kāi)始寫(xiě)一個(gè)演示,發(fā)現(xiàn)它是驚人的。我放棄了版本2繁瑣的網(wǎng)頁(yè)配置?,F(xiàn)在可以說(shuō)它簡(jiǎn)單明了,你甚至不需要寫(xiě)它vue.config.js文件沒(méi)關(guān)系。
Vue被淘汰了嗎?
今天,我剛開(kāi)始了解Vue cli 3.0。我開(kāi)始寫(xiě)一個(gè)演示,發(fā)現(xiàn)它是驚人的。我放棄了版本2繁瑣的網(wǎng)頁(yè)配置?,F(xiàn)在可以說(shuō)它簡(jiǎn)單明了,你甚至不需要寫(xiě)它vue.config.js文件沒(méi)關(guān)系。它是免費(fèi)的。不管怎樣,它是無(wú)害的。但是如果你配置它,你會(huì)發(fā)現(xiàn)它并不麻煩。
據(jù)我所知,不應(yīng)該有任何支架可以更快、更直接地反映數(shù)組或?qū)ο蟮淖兓?/p>
另外,語(yǔ)法糖基本上沒(méi)什么變化。過(guò)去怎么用還是現(xiàn)在怎么用,但是有很多性能優(yōu)化和語(yǔ)法糖分。說(shuō)真的,我根本找不到vue-cli3.0的致命漏洞。
然后,我還看到人們?yōu)镴Q反對(duì)不公正。一年半前,我用JQ寫(xiě)作。當(dāng)時(shí),我認(rèn)為JQ是JS的最佳框架。太方便了,DOM的操作也太酷了。直到我寫(xiě)了一張課程安排項(xiàng)目卡。。。
然后我轉(zhuǎn)向一個(gè)小程序,發(fā)現(xiàn)小程序的編寫(xiě)方法是Vue。。。尤其是組件的編寫(xiě)方式。。。
畢竟,要消除Vue有點(diǎn)困難。畢竟,這個(gè)時(shí)代是數(shù)據(jù)操作的時(shí)代,而不是DOM操作的時(shí)代。
最后,我不認(rèn)為您應(yīng)該堅(jiān)持前端框架。即使將來(lái)會(huì)有更高級(jí)的框架,JS仍然是最好的。在這個(gè)框架中,我真的想不出還有什么可以玩的了。也許es會(huì)逐漸引用這些框架,然后變得如此。例如,當(dāng)您想到JS時(shí),您可以編寫(xiě)類(lèi)來(lái)繼承嗎?我第一次看到它的時(shí)候,我以為它是Java。。。但現(xiàn)在我支持。。。
那為什么不關(guān)注后端呢?所有節(jié)點(diǎn)都熟練嗎?你知道迪諾嗎?PHP開(kāi)始了嗎?那蟒蛇呢?我相信這些語(yǔ)言將來(lái)會(huì)逐漸出現(xiàn)在前端知識(shí)點(diǎn)(雖然PHP已經(jīng)出現(xiàn)了,但我覺(jué)得太多了。據(jù)說(shuō)好的PHP是世界上最好的語(yǔ)言。。。)
在vue中添加Echarts圖表的基本使用教程?
模塊化單文件導(dǎo)入(推薦)
1
新建一個(gè)電子藝術(shù).html為ecarts準(zhǔn)備一個(gè)大?。▽挾群透叨龋榈腄OM,如下圖所示:
2
創(chuàng)建一個(gè)新的<script>標(biāo)記以引入一個(gè)模塊化的單個(gè)文件電子藝界.js,如下圖所示:
3
在新的ltscript中>選項(xiàng)卡,為模塊加載器(相對(duì)路徑來(lái)自當(dāng)前頁(yè)面)鏈接配置eCart的路徑和所需圖表電子藝界.js),如下圖所示:
4
<script> tab動(dòng)態(tài)加載eCart和所需圖表。回調(diào)函數(shù)可以初始化圖表并驅(qū)動(dòng)圖表的生成,如下圖所示:
5
在瀏覽器中打開(kāi)電子藝品.html,可以看到如下效果,如下圖所示:
end
label type single file import
新建一個(gè)電子藝術(shù).html文件,以電子藝界為準(zhǔn)使用大?。▽挾群透叨龋缦聢D所示:
創(chuàng)建一個(gè)新的<script>標(biāo)記并引入ecart-所有.js,如下圖所示:
創(chuàng)建一個(gè)新的<script>,使用全局變量ecarts初始化圖表并驅(qū)動(dòng)圖表的生成,如下圖所示:
4
在瀏覽器中打開(kāi)電子藝術(shù).html,您可以看到如下效果,如下圖所示:
echarts如何在一個(gè)頁(yè)面里引用多個(gè)圖表?
ecarts是一個(gè)非常有用的炫目工具,也是一個(gè)非常強(qiáng)大的插件,在這里使用模塊化的方法實(shí)現(xiàn)了同一個(gè)頁(yè)面引用多個(gè)不同的圖表。
1. 找到打印文件并下載到這臺(tái)機(jī)器上。
2. 將文件名更改為ecarts(我不需要更改它。為了方便起見(jiàn),我修改了它),然后把它放在我自己項(xiàng)目的JS文件中(這里可以等于JS,這取決于我的偏好)。
3. 使用腳本引用HTML文件中的ecarts文件。在HTML中引用成功后,打開(kāi)JS文件或腳本標(biāo)簽配置文件路徑:注意此路徑應(yīng)與剛才介紹的ecarts文件路徑一致,目錄應(yīng)在JS文件之上一級(jí)。
4. 這里我們根據(jù)需要的圖表來(lái)加載相應(yīng)的文件,也就是說(shuō),你想要的圖表就是你想要加載的圖表。例如,餅圖是餅圖,條形圖是條形圖,地圖是地圖,等等。注意這一步:兩個(gè)紅色框是對(duì)我們自己編寫(xiě)的方法的引用。傳遞的參數(shù)EC表示我們正在實(shí)例化電子藝品.init“ecarts”當(dāng)()。
6. 我們使用一種方法來(lái)表示每個(gè)圖表,即每個(gè)圖表的特定設(shè)置。
7. 最后,把它們都放到了剛才的“麥克哈特”方法中。8最終顯示效果