javascript - Vue插件开发

Question

我正在开发自己的 vue 插件。它包含一些 globalErrorHandler 和一个 Vue.mixins 方法。出于测试原因，我创建了一个文件夹插件并将函数导入到我的 main.js ( import pluginVue from './plugins/pluginVue'& Vue.use(pluginVue)) 中。到目前为止，一切都对我有用。现在我想找到插件文件夹并创建一个 Vue 插件。我查阅了“Vue 插件开发”，发现了一些不错的信息。但我不知道，我真正需要哪些文件，例如 index.js、generator.js、prompts.js、...。我也不知道如何实现我的书面代码，例如：我必须在哪个文件中添加我的代码，我可以复制和粘贴它吗？！你们中有人有创建 vue 插件的经验吗？

到目前为止我的插件Vue：

const pluginVue = {}

pluginVue.install = function (Vue){

Vue.config.errorHandler = function(err, vm,  info) {
const information = {
"timestamp": new Date(),
"err": err.name ,
"message": msg,
 }

 const jsonString = JSON.stringify(information);
 const xhr = new XMLHttpRequest();
    
    xhr.open("POST", "http://localhost:8080/backend");
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(jsonString);
    console.log(jsonString);

  })
    };

Vue.onerror = async function(message, source, lineno, colno, error) {
const information = {
"timestamp": new Date(),
"message": msg,
"source": source , "lineno": lineno ,"colno": colno , "error": err.name
 }

 const jsonString = JSON.stringify(information);
 const xhr = new XMLHttpRequest();
    
    xhr.open("POST", "http://localhost:8080/backend");
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(jsonString);
    console.log(jsonString);

  })

}

Vue.mixin({
   methods: {
    Thrower(optionals, msg){
      ...
    }
   },
  });
 }

 export default pluginVue;

标签： javascriptvue.jspluginsvue-cli