在单个组件中从“vue”导入 Vue 是否正确？答案

【问题标题】：Is right to import Vue from 'vue' in single component?在单个组件中从“vue”导入 Vue 是否正确？
【发布时间】：2020-02-07 23:31:22
【问题描述】：

我从这个文档中读到：https://chartkick.com/vue

import Vue from 'vue'
import Chartkick from 'vue-chartkick'
import Chart from 'chart.js
Vue.use(Chartkick.use(Chart))'

那么在 Vue js 中将其添加到单个组件中是否正确？我有嵌套组件，我只想将此图表包含到一个组件中。我应该将它包含在全局的 main.js 中还是本地的组件中？

【问题讨论】：

【解决方案1】：

你在单个组件中从 'vue' 导入 Vue 对吗？

一般来说，是的。如果您通过vue-cli 从头开始创建一个新的 Vue 项目，您将看到默认组件如何从“vue”导入 Vue。

现在，这并不意味着您应该在 sfc 中配置插件。这段代码来自 vue chartkick 页面：

import Vue from 'vue'
import Chartkick from 'vue-chartkick'
import Chart from 'chart.js'

Vue.use(Chartkick.use(Chart))

不打算放在 SFC 文件中。通常，在 Vue 项目中，您有一个 main.js 文件，您可以在其中设置 Vue。您可以在 main.js 中执行此操作。在同一个 main.js 文件中，您还可以设置任何其他插件。

你应该调用Vue.use(plugin)之前调用new Vue(...)来启动你的Vue实例，所以不要在SFC中添加插件。

【讨论】：