javascript - 在 vue.js 中，如何提供需要 js 库的组件？

Question

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

vue serve <component name>

我立即遇到的问题是，我在这些组件中使用了一些像 moment 这样的 js 库，所以我是否需要在组件中添加一个 import 语句来进行本地测试？无论如何，是否可以全局设置它，如果可以，当我尝试提供单个组件时我可以访问它吗？

Answer 1

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

import moment from 'moment';

Vue.use(moment);

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

import moment from 'moment';

我更喜欢前者，因为如果我在多个文件中需要它，它可以让我减少重复。无论哪种方式，要在函数中访问，一旦以这两种方式之一导入它，您就可以在组件方法和生命周期 Hook 中使用它。