Question

所以我是Vue CLI的新手，我想使用的功能之一就是

vue serve <component name>

我立即遇到的问题是有一些js库（例如我正在这些组件中使用的时刻），所以我是否需要在组件中添加import语句以用于本地测试？无论如何，是否可以全局设置此设置；如果可以，在尝试提供单个组件时可以访问它吗？

Answer 1

运行npm i -s moment后，您可以在main.js Vue入口点中导入时刻，如下所示：

import moment from 'moment';

Vue.use(moment);

或者，您可以在组件脚本中本地使用它，而仅在<script></script>标签内进行本地导入。

import moment from 'moment';

我的偏好是前者，因为如果需要多个文件，它可以减少重复。无论哪种方式，要访问一个函数，一旦以这两种方式之一将其导入，就可以在组件方法和生命周期挂钩中使用它。

Answer 2

将插件导入main.js，然后像这样使用；

import Vue from "vue"; 
//this is called only once before you start importing other packages

import YourPlugin from "yourplugin"; 
Vue.use(YourPlugin)

在vue.js中，我如何为需要js库的组件提供服务？

2 个答案: