建议有时候不要直接使用第三方插件, 而是经过自己的封装.
要不然改起来, 就要跳楼

npm 安装 然后再main.js 引入 最后 vue.use(插件名)

npm下载、导入main.js，use一下，就可以用了

插件的定义

插件是一个具有install方法的JavaScript对象或函数，它可以在Vue实例中全局注册组件、指令、过滤器、原型方法等。

插件的使用方式

1. 通过cdn引入插件
   在HTML文件中使用 <script> 标签引入插件的JavaScript文件，并在之后的代码中直接使用插件。
2. 通过npm安装插件
   使用NPM或Yarn等包管理工具安装插件，并在项目的入口文件（通常是main.js）中引入插件，并使用Vue的use方法进行注册。

import Vue from 'vue';
import MyPlugin from 'my-plugin';

Vue.use(MyPlugin);

3. 自定义插件
   创建一个具有install方法的JavaScript对象或函数，然后通过Vue.use方法全局注册插件。

// my-plugin.js
const MyPlugin = {
  install(Vue) {
    // 在Vue对象上添加自定义的组件、指令、过滤器等
    Vue.component('my-component', MyComponent);
    Vue.directive('my-directive', MyDirective);
    Vue.filter('my-filter', MyFilter);
    Vue.prototype.$myMethod = myMethod;
  }
};

export default MyPlugin;

在入口文件中使用自定义插件：

import Vue from 'vue';
import MyPlugin from './my-plugin';

Vue.use(MyPlugin);

通过使用插件，可以方便地扩展Vue的功能，将通用的逻辑封装成插件并在多个组件中重用。这样，可以提高开发效率，并保持代码的整洁和可维护性。在使用插件之前，请确保阅读插件的文档，了解如何正确配置和使用插件。