由於工作的需求，前後端分離，需要對頁面中的資源許可權控制，到按鈕級別。
開發步驟：
1、制定 資源的命名規則： 系統名—模組名-頁面名-功能名
2、收集各個頁面所有需要管控按鈕的資源，用乙個excel來整理
退出編輯a. v-privilege 表示是使用的指令
b. privilegeid 表示資源的唯一標識
4、定義乙個vue的全域性指令privilege，防止其他頁面找不到相關指令報錯
// 註冊乙個名為 v-focus 的全域性自定義指令
vue.directive('privilege',
}if(!hasprivilegeflag)
}// key 中有多個資源，當多個資源至少有乙個有許可權的時候，就能使用該許可權
else if(privilegekey.indexof(",") >= 0 )
}if(!hasprivilegeflag)
}else}}
// 表示許可權不被控制
else
}});
/**
檢驗是否有許可權的例子：
退出編輯
@param privilegeid 表示資源的唯一標識
**/export default ,
// 當繫結的元素插入到 dom 時呼叫此函式……
inserted: function (el)
}if(!hasprivilegeflag)
}// key 中有多個資源，當多個資源至少有乙個有許可權的時候，就能使用該許可權
else if(privilegekey.indexof(",") >= 0 )
}if(!hasprivilegeflag)
}else}}
// 表示許可權不被控制
else
},// 在包含指令的元件的 vnode 更新後呼叫，但可能之前其子元件已更新。
// 指令的值可能更新或者還沒更新，然而可以通過比較繫結的當前值和舊值，來跳過不必要的更新（參考下面的鉤子函式）。
update () ,
// 在指令從元素上解除繫結時呼叫，只會呼叫一次。
unbind (el, binding)
};
vue2 x知識總結
data data data data 逆轉訊息 data methods data 現在我們為每個 todo item 提供 todo 物件 todo 物件是變數，即其內容可以是動態的。我們也需要為每個元件提供乙個 key 稍後再 作詳細解釋。vue.component todo item dat...
Vue2 x 響應式原理 簡單實現
根據上圖的概要邏輯，進行簡單實現 vue模擬實現 class myvue 4.建立compile newcompiler this el,this 對vue例項中的data物件進行 proxy attr get 觀察者 觀察,監聽 class watcher getoldval update 發布者...
Vue2 X的入門學習
由於前幾天跟那位技術聊了一會，深感自己目前所學知識的淺薄以及實戰經驗的缺失。今天初步了解了一下前端的vue.js 時間不長，只是看了一些基本內容，肯定也是做不了什麼大專案的，這裡回憶一下所學知識。1.引入vue 此處利用script直接引用，另外呢，vue官網是給了很多教程的，對新手是很友好的 官網...