vue3 json代码及字符串 v-code-diff对比插件

vue3 json代码及字符串 v-code-diff对比插件

安装

pnpm install --save v-code-diff

在main.ts中引入

import CodeDiff from "v-code-diff"
app.use(CodeDiff)

const state=reactive({
  objValue:{
        oldString:'',
        newString:'',
    },
})

注意这个组件只能接收字符串，所以要把对象进行字符串转换并加入\n换行符。

 state.objValue.oldString=JSON.stringify(res.data,null,2)