webworker独立线程

最新推荐文章于 2024-09-20 11:00:29 发布

喵喵喵小鱼

最新推荐文章于 2024-09-20 11:00:29 发布

阅读量134

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_23988859/article/details/129360006

版权

文章介绍了如何在Vue项目中集成vue-worker库来使用Webworker。首先需要安装vue-worker库，然后在main.js全局或特定页面导入并使用。通过创建worker对象，定义处理函数并发送消息，接收worker的回调结果，最后在不再使用时释放worker资源。

摘要由CSDN通过智能技术生成

vue中使用独立线程webworker

1.首先安装依赖库vue-worker
2.在main.js中声明import VueWorker from ‘vue-worker’
Vue.use(VueWorker)（如果只是某个页面用可以局部导入）
3.在使用页面
const action = [
{
message: ‘func1’,
func: (res) => {
console.log(‘里面：’, res)
#worker处理里面的内容然后返回结果给外面
return ‘你好’
}
}
]
#这里的action必须是数组
#创建worker对象
const worker = this.$worker.create(action)’
#这里的的参数也必须是数组（可以带参数也可以不带）
let string = [‘参数’]
worker.postMessage(‘func1’,string).then((res) => {
//里面是回调
console.log(‘输出res:’, res)
}).catch((e) => {
console.log(‘错误1：’, e)
})
#记得最后不用的时候释放worker