vue xml数据格式化展示，展示在textarea里可编辑，和高亮处理方法

//1)npm 安装vkbeautify
npm install vkbeautify

//2)组件里，引入vkbeautify模块
import vkbeautify from 'vkbeautify'

//3)vkbeautify使用
xml_show=vkbeautify.xml(xmlSource)

格式化展示。-----——-----------

高亮处理方法 ------第二步之后可能不会成功，需要再次执行npm install --save vue-highlightjs   语句。

 npm install highlight.js

//高亮显示
import VueHighlightJS from 'vue-highlightjs'
import 'highlight.js/styles/atom-one-dark.css'

Vue.use(VueHighlightJS)

 

//highlight_s是css样式，xml_show是xml数据。
<pre v-highlightjs="xml_show">
<code class="highlight_s"> </code>
</pre>