Javascript Vue插件开发
我正在开发自己的vue插件。它包含一些globalErrorHandler和一个Vue.mixins方法。 出于测试原因,我创建了一个文件夹插件,并将这些函数导入了main.js(Javascript Vue插件开发,javascript,vue.js,plugins,vue-cli,Javascript,Vue.js,Plugins,Vue Cli,我正在开发自己的vue插件。它包含一些globalErrorHandler和一个Vue.mixins方法。 出于测试原因,我创建了一个文件夹插件,并将这些函数导入了main.js(import-pluginVue from./plugins/pluginVue'&Vue.use(pluginVue))。 到目前为止,一切都对我有利。现在我想找到plugin文件夹并创建一个Vue插件。我查阅了“Vue插件开发”,发现了一些很好的信息。但我不知道我真正需要的是什么文件,比如index.js、gene
import-pluginVue from./plugins/pluginVue'
&Vue.use(pluginVue)
)。
到目前为止,一切都对我有利。现在我想找到plugin文件夹并创建一个Vue插件。我查阅了“Vue插件开发”,发现了一些很好的信息。但我不知道我真正需要的是什么文件,比如index.js、generator.js、prompts.js等等。我也不知道如何实现我编写的代码,例如:我必须在哪个文件中添加我的代码,我可以复制并粘贴它吗?!你们中有人有创建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;