ddchef / Vue Code Diff
vue文件差异对比
Stars: ✭ 271
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Code Diff
v-code-diff
A vue code diff display plugin, support Vue2 / Vue3
Stars: ✭ 93 (-65.68%)
Mutual labels: diff, code
laravel-markdown
A highly configurable markdown renderer and Blade component for Laravel
Stars: ✭ 159 (-41.33%)
Mutual labels: code
riblet-sample
A sample to represent Uber Riblets design pattern using Swift.
Stars: ✭ 42 (-84.5%)
Mutual labels: code
VS.DiffAllFiles
Visual Studio Extension to make comparing files before and after committing them to Git and TFS faster and easier.
Stars: ✭ 26 (-90.41%)
Mutual labels: diff
BCN3DSigma-Firmware
Custom Marlin version for the brand new BCN3D Sigma from BCN3D Technologies
Stars: ✭ 81 (-70.11%)
Mutual labels: code
algoexpert-data-structures-algorithms
A collection of solutions for all problem statements on the AlgoExpert Coding Interview platform.
Stars: ✭ 134 (-50.55%)
Mutual labels: code
Differencekit
💻 A fast and flexible O(n) difference algorithm framework for Swift collection.
Stars: ✭ 2,986 (+1001.85%)
Mutual labels: diff
BlazorMonaco
Blazor component for Microsoft's Monaco Editor which powers Visual Studio Code.
Stars: ✭ 151 (-44.28%)
Mutual labels: code
gfm-code-blocks
Extract gfm (GitHub Flavored Markdown) fenced code blocks from a string.
Stars: ✭ 20 (-92.62%)
Mutual labels: code
lowcode
React Lowcode - prototype, develop and maintain internal apps easier
Stars: ✭ 32 (-88.19%)
Mutual labels: code
Awesome-Deepfakes-Detection
A list of tools, papers and code related to Deepfake Detection.
Stars: ✭ 30 (-88.93%)
Mutual labels: code
Ace Diff
A diff/merging wrapper for Ace Editor built on google-diff-match-patch
Stars: ✭ 257 (-5.17%)
Mutual labels: diff
CodeAndQuestsEveryDay
Regular research on the Quest for developers.
Stars: ✭ 27 (-90.04%)
Mutual labels: code
Hacktoberfest-2021
This repository aims to help code beginners with their first successful pull request and open source contribution. 🥳🎯🚀
Stars: ✭ 24 (-91.14%)
Mutual labels: code
vue-code-diff
代码比对展示 demo
安装
yarn add vue-code-diff
使用
<template>
<div>
<code-diff :old-string="oldStr" :new-string="newStr" :context="10" />
</div>
</template>
import CodeDiff from 'vue-code-diff'
export default {
components: {CodeDiff},
data(){
return {
oldStr: 'old code',
newStr: 'new code'
}
}
}
参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| old-string | 陈旧的字符串 | string | — | — |
| new-string | 新的字符串 | string | — | — |
| context | 不同地方上下间隔多少行不隐藏 | number | — | — |
| outputFormat | 展示的方式 | string | line-by-line，side-by-side | line-by-line |
| drawFileList | 展示对比文件列表 | boolean | - | false |
| renderNothingWhenEmpty | 当无对比时不渲染 | boolean | - | false |
| diffStyle | 每行中对比差异级别 | string | word, char | word |
| fileName | 文件名 | string | - | |
| isShowNoChange | 当无对比时展示源代码 | boolean | - | false |
效果展示
line-by-line
side-by-side
LICENSE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].