原创 Vue3寫一個後臺管理系統（3）通用後臺登錄方案解析
在 views 中 login 文件夾，創建 index.vue 文件，書寫登錄界面， 都是一些基本的UI操作，我下邊直接粘貼出代碼， <template> <div class="login-container"> <el-f
2023-03-21 00:10:24
1
原创 Vue3寫一個後臺管理系統（1）開篇介紹
一、後臺管理系統的普遍性 對於後臺系統而言，相信只要是前端開發的工程師，那麼就不陌生了。 根據網上有效數據統計和本人的工作經驗，在 初、中級的前端開發者中，日常的工作主要內容，基本都是書寫後臺管理系統（搭建和擴展） 。後臺管理系統爲前端開發
2023-03-21 00:10:14
3
原创 Vue3寫一個後臺管理系統（2）創建項目
使用 vue-cli 創建一個Vue3項目 首先你看下你電腦上vue-cli腳手架的版本 vue -V ------ @vue/cli 4.5.15 // 版本號 vue-cli版本保證在4.5.13及其以上就行， 如果你需要升級版本
2023-03-21 00:10:14
1
原创 Vue3寫一個後臺管理系統（4）RBAC權限受控體系的實現
一、RBAC 權限控制體系 要實現動態Menu，我們需要先來統一一下認知，明確項目中的權限控制系統。 網上找了張圖，我們可以大致的看下 從圖中，我們可以簡單的這樣理解RBAC 權限控制體系。 用戶：我們登錄後臺管理系統的賬號。舉個例子
2023-03-21 00:10:14
1
原创 vue3 Composition API setup函數的理解
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2021-08-21 05:20:13
2
原创 vue3 teleport傳送門的使用
定義：可以將組件的DOM元素直接傳送到某一位置進行展示。 使用場景：像 modals,toast 等這樣的元素，很多情況下，我們將它完全的和我們的 Vue 應用的 DOM 完全剝離，管理起來反而會方便容易很多 1、未使用teleport
2021-08-21 05:20:13
1
原创 vue基礎：render函數（渲染函數）
Vue裏的虛擬DOM就是渲染函數生成的， Vue在底層實現中，會將模板編譯成渲染函數，當然我們也可以不寫模板，直接寫渲染函數，以獲得更好的控制， 從上圖中，不難發現一個Vue的應用程序是如何運行起來的，模板通過編譯生成AST，再由
2021-08-21 05:20:13
原创 vue組件：父子組件通過事件相互通信
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2021-08-21 05:20:03
原创 vue基礎：計算屬性vs watch監聽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2021-08-14 07:59:52
原创 vue組件：slot的相關使用、具名插槽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2021-08-14 07:59:52
原创 vue基礎：屬性動態綁定、事件動態綁定
屬性動態綁定 :[屬性名字] <div :[name]>{{message}}</div> data() { return { message: "tes
2021-08-14 07:59:52
原创 vue基礎:mixin混入
1、頁面組件data、methods 的優先級高於mixin data、methods優先級 2、生命週期函數先執行mixin，再執行頁面組件裏的 <!DOCTYPE html> <html lang="en"> <head>
2021-08-14 07:59:42
原创 vue組件：父組件給子組件傳值時的單向數據流概念
子組件可以使用父組件傳遞過來的值，但不能直接修改父組件傳遞的值； 如果要改父組件傳遞過來的值，可以在子組件裏定義一個新的變量，去接收父組件傳遞過來的值，然後去改這個新變量的值，這是爲了避免組件重用時的數據耦合問題。 <!DOCTYPE
2021-08-14 07:59:42