vue-diff-view

a git diff component for Vue.js

Usage

<template>
<divid="app">
<code-diff-viewer:new-content="newStr":old-content="oldStr"title="测试修改"/>
</div>
</template>
<script>importCodeDiffViewerfrom'VueDiffView';exportdefault { name:'app', components: { CodeDiffViewer },data() {return { oldStr:'[\n {\n name: title\n displayName: "标题"\n datatype: "OBJECT"\n }\n]', newStr:'[\n {\n name: title\n displayName: "TAB"\n datatype: "ARRAY"\n }\n {\n name: title\n displayName: "TAB"\n datatype: "ARRAY"\n }\n]' }; }};</script>

DEMO

overview

;

run demo case

npm run serve

todo

when select code, not trigger line number.