專案開發過程中遇到展示 json 的場景，且 json 檔案體積過大，小則幾百kb。vue-json-views 即使載入 1m 左右的 json 文時，結合deep 深度限制，也能實現秒開的速度，元件壓所過後體積只有15.7kb，開啟gzip壓縮後只有4.74kb。
1. 示例及文件
**位址
// 或 直接雙擊index.html
2. 安裝
npm i -
s vue-json-views // 注意是 views
// 或直接將未編譯的元件複製到專案內（推薦該方式，便於自定義修改）
屬性說明
型別預設值
json
傳入的json資料（必填）
object
-closed
是否摺疊全部
boolean
false
deep
展開深度,越大渲染速度越慢,建議不超過5）
number
3icon-style
摺疊按鈕樣式，可選值為 [square, circle, ******** ]
string
square
icon-color
兩個摺疊按鈕的顏色
array
theme = vs-code 時，[』#c6c6c6』, 『#c6c6c6』]，其他情況為 [』#747983』, 『#747983』]
theme
可選主題樣式,可選值為 [one-dark, vs-code], 不選時為預設的白色主題
string
-font-size
字型大小,單位 px
number
14line-height
行高，單位 px
number
24注：行高和字型大小不建議選用過大值，因為 icon 大小、每行的 padding-left 等引數並不會隨之發生改變
4. 應用
4.1 在 vue 中使用
4.2 在非工程化的專案內引用
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
vue中引入公共方法並使用
通用js方法封裝處理兩種方式 第一種方式 function myfun function fn1 將上面連個全域性公共方法，組合成乙個物件，並暴露出去 export default 第二種方式 export function myfun export function fn1 2.1.1 全域性呼叫...
vue2 0 中引入和使用 axios
axios 是乙個基於 promise 的 http 庫，可以用在瀏覽器和 node.js 中。features 從瀏覽器中建立 xmlhttprequests 從 node.js 建立 http 請求 支援 promise api 攔截請求和響應 轉換請求資料和響應資料 取消請求 自動轉換 jso...
記vue中引入cesium
因為個人原因，已經很久很久沒有寫過部落格了，但是學過的東西終歸還是要記錄滴，以下是在vue中引入cesium，具體步驟如下 一 首先安裝vue cli,因為之前接觸vue的時候都是自己手動配置webpack,感覺每一步都知道所以然，但是現在直接使用vue cli後確實是方便了很多，但是裡面好多的配置...