Javascript 如何在vue中导入和导出

我有两个文件：total.vue和completion.vue。我将把total.vue中的图表可视化为completion.vue，这将是我的管理仪表板，我将在其中放置2或3个其他图表

从total.vue我要导出我的东西

<script>

    import Chart from 'chart.js';
    import JQuery from 'jquery'
    let $ = JQuery
    export default {
        name: 'total_chart',
        mounted() {
            var chart_total = this.$refs.chart_total;
            const ctx = chart_total.getContext("2d");
            const myChart = new Chart(ctx, {
                type: 'bar',
    ...
    ...
    ...
</script>

从“Chart.js”导入图表；
从“JQuery”导入JQuery
让$=JQuery
导出默认值{
名称：“总计图表”，
安装的（）{
var chart_total=此。$refs.chart_total；
const ctx=chart_total.getContext（“2d”）；
常量myChart=新图表（ctx{
类型：'bar'，
...
...
...

在completion.vue中，我将这样导入：

<template>
    <div id="total_chart">
        <div id="content">
            <canvas ref="chart_total"></canvas>
        </div>
    </div>
</template>

<script>

import  chart_total  from '@/components/total'

export default {
  components: {
    chart_total
  }
} 

</script>

从“@/components/total”导入图表\u总计
导出默认值{
组成部分：{
图表2总计
}
} 

没有指向我分配给completure.vue的路线的结果

建议

---

感谢您抽出时间

您的代码实际上并没有呈现组件。您应该这样做：

从“@/components/total”导入TotalChart
导出默认值{
组成部分：{
总图
}
} 

然后是您的

总图表

组件：

从“Chart.js”导入图表；
从“JQuery”导入JQuery
让$=JQuery
导出默认值{
名称：'总图表'，
安装的（）{
var chart_total=此。$refs.chart_total；
const ctx=chart_total.getContext（“2d”）；
常量myChart=新图表（ctx{
类型：'bar'，
...
...
...

---

仅供参考-您可能需要阅读有关命名组件的内容：

您可以编辑您的帖子以添加文件夹结构吗？这样我们可以帮助您导入组件。