欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在Vue中使用echarts的方法

 更新時間：2018年02月05日 10:38:45   作者：小人物的秘密花園  
這篇文章主要介紹了Vue中使用echarts的方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下

上篇文章給大家介紹了 在 webpack 中使用 ECharts的實例詳解 ，可以點擊查看。

1. 使用NPM安裝（全局引入）

執(zhí)行下面的命令：

npm install echarts--save

引入echarts模塊

在Vue項目的main.js中引入echarts模塊，即是寫入如下代碼：

import echarts from 'echarts'
Vue.prototype.$echarts = echarts；

2. 按需引入

上面全局引入會將所有的echarts圖表打包，導(dǎo)致體積過大，我解決這一問題，可以使用require按需引入即是需要什么就引入什么：

即是：

let echarts = require('echarts/lib/echarts')

3. 直接引用

在index.html文件中全局引入，使用script標簽引入

<script src="/static/js/echarts/echarts.js"></script>

注意：src中寫入echarts的路徑；

然后再vue項目build目錄下找到webpack.base.conf.js，配置文件，在module.exports對象中添加externals屬性，然后配置echarts所在的路徑：

module.exports = {
.....
externals: {
// 路徑：命名空間
 'echarts/dist/echarts':'echarts',
}
}；

總結(jié)

以上所述是小編給大家介紹的在Vue中使用echarts的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • 詳解Vue中的filter與directive

    詳解Vue中的filter與directive

    這篇文章主要介紹了Vue中的filter與directive的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下
    2021-05-05
  • Vue的編碼技巧與規(guī)范使用詳解

    Vue的編碼技巧與規(guī)范使用詳解

    這篇文章主要介紹了Vue的編碼技巧與規(guī)范使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • vue3中的ref,toRef,toRefs三個的作用使用小結(jié)

    vue3中的ref,toRef,toRefs三個的作用使用小結(jié)

    Vue3中ref、reactive、toRef、toRefs都是與響應(yīng)式數(shù)據(jù)相關(guān)的，就此做一份筆記作為區(qū)別，本文重點給大家講解vue3中的ref，toRef，toRefs三個是干嘛的，有什么作用，感興趣的朋友跟隨小編一起看看吧
    2022-11-11
  • Vue使用distpicker插件實現(xiàn)省市級下拉框三級聯(lián)動

    Vue使用distpicker插件實現(xiàn)省市級下拉框三級聯(lián)動

    這篇文章主要介紹了Vue使用distpicker插件實現(xiàn)省市級下拉框三級聯(lián)動,比如通過JSON文件生成對應(yīng)的區(qū)域下拉框，element-china-are插件，包括distpicker插件，通過代碼講解如何使用distpicker插件實現(xiàn)省市級三聯(lián)跳動，需要的朋友可以參考下
    2023-02-02
  • Vue 監(jiān)聽列表item渲染事件方法

    Vue 監(jiān)聽列表item渲染事件方法

    今天小編就為大家分享一篇Vue 監(jiān)聽列表item渲染事件方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • 快速解決vue在ios端下點擊響應(yīng)延時的問題

    快速解決vue在ios端下點擊響應(yīng)延時的問題

    今天小編就為大家分享一篇快速解決vue在ios端下點擊響應(yīng)延時的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 解決threeJS加載obj?gltf模型后顏色太暗的方法

    解決threeJS加載obj?gltf模型后顏色太暗的方法

    這篇文章主要為大家介紹了解決threeJS加載obj?gltf模型后顏色太暗的方法示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-07-07
  • 詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇

    詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇

    這篇文章主要介紹了詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • vue.js利用defineProperty實現(xiàn)數(shù)據(jù)的雙向綁定

    vue.js利用defineProperty實現(xiàn)數(shù)據(jù)的雙向綁定

    本篇文章主要介紹了用Node.js當作后臺、jQuery寫前臺AJAX代碼實現(xiàn)用戶登錄和注冊的功能的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-04-04
  • 在Vue中實現(xiàn)隨hash改變響應(yīng)菜單高亮

    在Vue中實現(xiàn)隨hash改變響應(yīng)菜單高亮

    這篇文章主要介紹了在Vue中實現(xiàn)隨hash改變響應(yīng)菜單高亮的方法，文中還通過實例代碼給大家介紹了vue關(guān)于點擊菜單高亮與組件切換的相關(guān)知識,需要的朋友可以參考下
    2020-03-03

最新評論