安裝node.js
1、cmd檢視是否安裝成功 npm –version (npm –v檢視安裝路徑)
注意：安裝node.js的目的是為了使用npm指令
安裝使用vue-devtools
2、解壓
3、cmd進入解壓目錄
執行命令：npm install ,npm run build(這一步一定不要忘了，沒有執行這一步的話，專案資料夾shells>chrome資料夾裡會少乙個src資料夾,如下圖)
4、修改shells>chrome資料夾下的mainifest.json 中的persistant為true
5、我們找到谷歌瀏覽器的擴充套件程式功能，勾選開發者模式，然後我們將外掛程式資料夾裡的shells>chorme資料夾直接拖到頁面中，完成安裝。
6、在外掛程式的目錄下執行npm run dev，這個時候我們的外掛程式就可以執行了,開啟localhost:8080可以看到外掛程式已經安裝並執行了。
7、我們在開啟本地的其他專案時，就不需要在vue-devtools資料夾下執行npm run dev了，因為這個外掛程式已經安裝在瀏覽器中。接下來就愉快的除錯你的vue專案吧。
安裝vue-cli全域性安裝vue-cli
1、使用npm（需要安裝node環境）全域性安裝webpack，開啟命令列工具輸入：npm install webpack -g或者（npm install -g webpack），安裝完成之後輸入 webpack -v，如下圖，如果出現相應的版本號，則說明安裝成功。
注意：webpack 4.x 開始，需要安裝 webpack-cli 依賴 ,所以使用這條命令 npm install webpack webpack-cli -g
2、全域性安裝vue-cli，在cmd中輸入命令: npm install -global vue-cli
3、安裝完成之後輸入 vue -v（注意這裡是大寫的「v」），如下圖，如果出現相應的版本號，則說明安裝成功。
4、用vue-cli來構建專案 我首先在d盤新建乙個資料夾（dxl_vue）作為專案存放地，然後使用命令列cd進入到專案目錄輸入： vue init webpack 專案名（全部小寫）
5、啟動專案，vue run dev
6、瀏覽器輸入localhost:8080
Vue簡單使用
vue是一種採用mvvm model view view model 架構的js框架 用於引用vue內對應key的屬性值 當 網路條件不佳時 可能導致瀏覽器看到源 即插值閃爍現象，此時可利用v text標籤代替 span 用於在非標籤屬性位置引用vue內屬性名為name的值 name span 此處...
vue使用bootatrap簡單分頁
html 清單總數 未採購數 新增 序號清單名稱 已採購狀態 刪除 刪除首頁 1 item pagecount 1 item showpagesstart item showpageend item pagecount class btn btn default v on click getlist...
gojs 在vue中簡單使用
先推薦一篇文章 栗子1效果圖可折疊的 family tree 此例是單純的html格式，複製貼上就會出效果 同上需要先定義dom js window.onload function function init 樹狀結構的角度 mydiagram.nodetemplate gm go.node,ver...