开发VUE使用第三库，发现有bug怎么办？

2024-05-27 06:45:45

写在前面

本文只针对使用vue技术栈，进行讨论。

正文

使用vue技术栈开发，难免会使用第三库，这大大提高了我们开发的效率。然而，这是第三方库有bug怎么办？

既然有bug，就是现有功能没有达到预想效果。除了，等作者更新之外有没有其他方法解决？作为有作为的青年，当然不能坐以待毙咯。

第一步

阅读第三方库源码，怎么阅读这里就不要展开。阅读源码，找不问题所在。

第二部

找到了问题所在，怎么解决，给作者提bug？

恩~ 这个想法不错。但是，我们其他办法解决。

既然代码存在bug，我们可以重写有bug的代码。

没有错，就是重写代码。vue在提供了extends和mixins提供重写代码的方式。关于extends和mixins可以阅读之前的一篇文章：vue mixins和extends的妙用。

举个例子：使用mint-ui Swipe组件过程中发现存在的bug

import {Swipe
} from 'mint-ui'
export default {components: {imageSwipe: {extends: Swipe,watch: {defaultIndex (val) {this.reInitPages()}}}}}

上面代码的做法就是，定义一个imageSwipe，继承mint-ui的Swipe组件，加一个watcher。

这时候使用imageSwipe时，props、event和slots与mint-ui的Swipe组件是一样的。

<image-swipe></image-swipe>

有上面重写组件的思路，基本上可以开拓了一片新大陆，说的有点夸张，哈哈哈~

写在后面

假设，组件中嵌套为暴露出来的组件，这时没有办法从组件引入，可以在原有组件的基础上重写、继承之后，开发出新的功能，不一定修复存在的bug。

import {Table
} from 'element-ui'export default {extends: Table.components.TableHeader
}

以上是重写Table中的tableHeader组件，tableHeader组件无法从element-ui中获取，通过Table.components.TableHeader去获取。

本文提供一种解决在引用第三库存在bug的解决方案，仅供参考。如果不对，请指正！

开发VUE使用第三库，发现有bug怎么办？相关推荐

eclipsevue代码怎么运行_使用Eclipse开发Vue——CodeMix够智能
Vue.js是构建用户界面的渐进式框架.核心 Vue 库只关注视图层,但很容易将其与其他库或现有项目集成.如果您想在 Eclipse 中使用 Vue 进行开发,请安装CodeMix!安装教程请阅读Co ...
Vue 全家桶 + Electron 开发的一个跨三端的应用
GitHub Repo:vue-objccn Follow: halfrost · GitHub 项目地址:https://github.com/halfrost/vue-objccn 利用 Vue. ...
Vue 全家桶 + Electron 开发的一个跨三端的应用 1
代码地址如下: http://www.demodashi.com/demo/11738.html GitHub Repo:vue-objccn Follow: halfrost · GitHub 利用 ...
Lison《vue技术栈开发实战》（三）
Lison<vue技术栈开发实战>(三) Ajax请求实战解决跨域问题封装axios 请求拦截响应拦截队列管理使用Mock模拟Ajax请求响应模拟 Mock用法精讲数据模板 ...
Android开发实战三之导入现有Android工程项目
选择Create project from existing sample 打开Eclipse环境后,在左上方的菜单上选择[File->New->Project],会弹出[New Proj ...
如何开发一个基于 Vue 的 ui 组件库
如何开发一个基于 Vue 的 ui 组件库开发模式预览 demo 在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码. 常见的解决方案是像开发一般项目一样使用 webpack-d ...
三库（开发库、受控库、静态库）的概念和个人理解
记得第一次在国内的坛子里看到三库的讨论的时候,登时就晕了-- 三库的概念被弄得挺严重,甚至被实现为物理上的多个库-- 这里,首先贴一下三库定义的原文.翻译,然后再谈谈个人的理解-- ==原文位置== ...
vue项目的三种开发模式
vue项目的三种开发方式文章目录 vue项目的三种开发方式 1.原始无合作开发 2.手动模块化开发 3.自动模块化开发 1.开发流程 2.配置webpack-dev-server 1.下载安装包 2 ...
SpringBoot在线考试系统源码：前端使用 VUE 和 Element-UI 组件库配合开发
Springboot+vue在线考试系统源码开发语言:Java 数据库:Mysql 开发工具:Eclipse 源码免费分享,需要源码参考学习的小伙伴可私信我. 使用技术: 后端:SpringBoot ...

最新文章

热门文章