当前位置: 首页 > article >正文

vue制作代码比较工具

前两天朋友问我 有没有vue可以做一个json代码在线比较工具  我也是在网上搜了一下找到的

废话不说 直接上代码

采用 v3

pnpm i v-code-diff
<div>
  <CodeDiff
    :old-string="oldStr"
    :new-string="newStr"
    output-format="side-by-side"
  />
</div>
import { CodeDiff } from "v-code-diff"
const oldStr = "old code"
const newStr = "new code"

实在不知道怎么写的 来这里看

v-code-diff - npm


http://www.kler.cn/a/406150.html

相关文章:

  • Appium常用的使用方法(一)
  • 要素市场与收入分配
  • 国标GB28181视频平台EasyCVR视频融合平台H.265/H.264转码业务流程
  • async在js中是强制同步的意思吗
  • 【pytorch-04】:线性回归案例(手动构建)
  • SQL进阶技巧:如何进行数字范围统计?| 货场剩余货位的统计查询方法
  • 本地云存储 MinIO 中修改用户密码
  • Oracle-物化视图基本操作
  • Spring |(二)IoC相关内容 | bean
  • [JAVA]用MyBatis框架实现一个简单的数据查询操作
  • go版本,google-authenticator动态口令算法,二次安全校验
  • Elasticsearch面试内容整理-分析与映射
  • wsl2中kali linux下的docker使用教程(教程总结)
  • 深入实践 Shell 脚本编程:高效自动化操作指南
  • 【通俗理解】ELBO(证据下界)——机器学习中的“情感纽带”
  • leetcode hot100【LeetCode 53.最大子数组和】java实现
  • 金融科技白皮书:2022-2023年度回顾与前瞻
  • 基于docker进行任意项目灵活发布
  • 如何使用 Python 开发一个简单的文本数据转换为 Excel 工具
  • Leetcode 每日一题 11. 盛最多水的容器
  • 贪心算法(1)
  • C# 中的事件和委托:构建响应式应用程序
  • vue2-代理服务器插槽
  • [OpenHarmony5.0][Docker][环境]OpenHarmony5.0 Docker编译环境镜像下载以及使用方式
  • 力扣 LeetCode 530. 二叉搜索树的最小绝对差(Day10:二叉树)
  • 观察者模式和订阅模式