从单个组件中的“ vue”导入Vue是否正确?

时间:2019-10-10 13:36:40

标签: vue.js vuejs2 vue-component

我从这份文档中读到: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 个答案:

答案 0 :(得分: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(...),然后再致电{{1}}来启动您的Vue实例,因此不要在SFC中添加插件。