Javascript 如何正确使用Vue插件

我正在学习制作Vue插件，基于， 这是我的简单代码：

plugin1.js：

AlertPlugin.install = function (Vue, options) {
    Vue.prototype.$classicalert = function (message) {
        alert(message)
    };
};

app.js：

window.Vue = require('vue');
import AlertPlugin from './plugin1.js'
Vue.use(AlertPlugin);

const app = new Vue({
    el: '#app',
    render: h => h(Main)
});

当我试图运行它时，网页变成空白，错误警报插件没有定义

请提供帮助？

在plugin1.js文件中，您正试图设置AlertPlugin对象的install属性，正如错误所说，该属性未定义

您的plugin1.js文件应该如下所示：

export default {
  install: function (Vue, options) {
    Vue.prototype.$classicalert = function (message) {
      alert(message)
    };
  }
}

这定义了要导出的包含属性安装的默认对象。当您将此对象作为AlertPlugin导入时，就像您在app.js中所做的那样，它将生成一个AlertPlugin对象，该对象具有您在插件文件中定义的install属性