如何异步加载 Vue Apex 图表?

问题描述 投票:0回答:0

我在网上找不到任何关于这个的信息: 如何使用 vue.js 2.0 异步加载 Apex vue 图表?

这在我的一个组件中有效,但不是异步的,而且我的应用程序又大又慢:

import Vue from "vue";
import VueApexCharts from 'vue-apexcharts'
Vue.use(VueApexCharts)
Vue.component('apexchart', VueApexCharts)

export default {
   
    data() {
        return {
            positionsStore: [],
            // Vue apex charts - https://github.com/apexcharts/vue-apexcharts
            chartOptions: {
                chart: {
                    id: 'vuechart-example'
                },
                xaxis: {
                    categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998]
                }
            },
            series: [{
                name: 'series-1',
                data: [30, 40, 35, 50, 49, 60, 70, 91]
            }]
        };
    }

此外,如何避免 vue.use() 位于我的几个组件的顶部? 如何避免 Vue.use(VueApexCharts) 出现在我的组件顶部?

谢谢

javascript vue.js asynchronous vuejs2 apexcharts
© www.soinside.com 2019 - 2024. All rights reserved.