vue中的json高亮非常实用，可以将json数据以可视化的形式展示出来，让开发人员更加方便地观察和调试代码。下面将介绍如何在vue中使用json高亮。

首先，我们需要安装vue-json-highlight插件。可以通过npm进行安装：

npm install vue-json-highlight

安装完成后，我们需要在vue的组件中引入该插件：

import JsonHighlight from 'vue-json-highlight'
import 'vue-json-highlight/lib/JSONTree.css'
export default {
components: {
JsonHighlight
},
data() {
return {
jsonData: {
name: 'vue-json-highlight',
age: 20,
sex: 'male'
}
}
}
}

在需要展示json数据的地方使用JsonHighlight标签即可：

<JsonHighlight :value="jsonData"/>

最后，我们需要在style中引入样式文件：

@import 'vue-json-highlight/lib/JSONTree.css';

至此，我们已经可以在vue中使用json高亮了。