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>