1.选择你要引入的组件库
- 这里以pinyin.js为例子
- 在项目根目录下的命令行中以管理员执行以下命令:
npm install pinyin
- 安装后会在node_modules文件夹下
2.单引入
- 直接引入需要的页面
- 因为是通过npm引用的,所以直接调用就行,不需要加路径前缀
import pinyin from 'pinyin';
3.全局引入
- 全局引入之后不需要在需要使用的vue页面引入该组件了
import pinyin from 'pinyin'
Vue.component('pinyin', pinyin)
4.如果是手动下载的文件
- 比如我下载到了utils文件夹
- form来源就改变一下,@是根目录的意思
import pinyin from '@/utils/pinyin'