Vue 里面引入第三方插件错误

[alexmao]

今天下午折腾了好久一个错误，结果还是没解决。 我需要安装一个 toast 插件，在 npmjs 里面找到了很多个 toast 插件，最终安装这个 vue2-toastr，但是安装了并导入的时候，就一直出现这个报错。请 V2 里各位大佬帮忙看一眼可能是什么问题？

vue2-toastr.js:1 Uncaught TypeError: Cannot set property '$toast' of undefined
  at Object.install (vue2-toastr.js:1)
  at Object.use (runtime-core.esm-bundler.js:3063)
  at eval (main.js:21)
  at Module../src/main.js (app.js:1148)
  at __webpack_require__ (app.js:849)
  at fn (app.js:151)
  at Object.1 (app.js:1161)
  at __webpack_require__ (app.js:849)
  at checkDeferredModules (app.js:46)
  at app.js:925

main.js 文件内容如下：

import { createApp } from 'vue'
import App from './App.vue'
import Toastr from 'vue2-toastr'

createApp(App).use(Toastr).mount('#app')

感谢！

[renmu123]

应该 vue3 和 vue2 的组件不兼容

[wgbx]

感觉是不兼容，这种组件，要不找一个大公司的，走按需引用，要不自己写，引用这种小库，容易出现问题

[alexmao]

@renmu123 懂了，谢谢！

[alexmao]

@wgbx 好的，不知道 toast 有没有大公司的组件？

[yetone]

Vue 这种类型不安全的框架真的是一言难尽……

[suzic]

你是 vue3 的。目前确定 vant3.x 能满足你的需求，配一下按需引入其实也没多大

[320266360]

@alexmao mint-ui 里面有 toast 按需加载就可以用。

[H15018327040]

vue3 设置不支持 Vue.prototype.$toast=toast 这种方式，如果要使用全局属性，可以通过 Vue3 的 let app=createApp()，app.global.properties.$toast=toast 这种方式，也不能使用 this.$toast 这种方式使用。

[H15018327040]

记岔了，是 app.config.globalProperties

[learningman]

@H15018327040 我实测是可以的啊。。。