demo
| |—— 框架：*配置、框架介面(*生命週期、*頁面通訊)
||—— 元件：*基礎元件、擴充套件元件
||—— *api
過一遍介紹，知道有哪些坑，怎麼安裝，條件編譯和全域性樣式；
詳細查閱配置，以及元件和api的列表標題，跳過具體內容，熟悉大體位置，按需上手。
生命週期
基於vue的mvvm框架，熟悉應用週期、頁面週期、元件週期，理解事件邏輯和資料處理的基本規範
頁面本是vue檔案，也會響應自身的vue.js生命週期；頁面通訊
狀態管理
引入vuex進行狀態管理；
| |—— state.js
| |—— getters.js
| |—— mutations.js
| |—— actions.js //非同步函式
|
|—— main.js
// store、getters、mutations、actions
export
default
// store -> index.js
import vue from
"vue"
import vuex from
"vuex"
import state from
'./state.js'
import getters from
'./getters.js'
import mutations from
'./mutations.js'
import actions from
'./actions.js'
vue.
use(vuex)
const store =
newvuex.store()
export
default store
// main.js
import vue from
'vue'
import store from
'./store'
vue.config.productiontip =
false
vue.prototype.$store = store
newvue()
$mount
()
mutations和actions可以再細分功能塊；| |—— state.js
| |—— getters.js
| |—— mutations.js
| |—— actions |—— index.js
| | |—— component1.js
| | |—— component2.js
| | |—— component3.js
|
|—— utils |—— opts1.js
| |—— opts2.js
| |—— opts3.js
||—— server.js
|—— main.js
mapgetters、mapmutations、mapactions輔助函式引入，相當於在computed引入this.$store.getters.，methods引入this.$store.commit()和this.$store.dispatch();
>
>
}view
>
template
>
>
import
from
'vuex'
export
default]}
, methods:
,...mapactions:
}}script
>
接下來的事情就是按需使用，在試錯和調優中，不斷完善；
處理好跨域、資料動態繫結及解耦、元件化，模組化。
首次啟動：首次啟動會跳轉到，登入註冊頁面(可跳過)，進入首頁，快取狀態，之後啟動非首次啟動
翻譯：無痕模式不記錄歷史，無收藏功能及提示
引用一句it諺語：「軟體開發中遇到的所有問題，都可以通過增加一層抽象而得以解決」。
快速上手完成乙個自己的前端框架
作為乙個後端程式設計師，很多時候我們也想自己搞乙個炫酷的前端頁面出來。無奈專精後端的我們 已經精疲力盡了，但是作為乙個程式設計師。怎能沒有一顆全棧的心呢！目前前端比較流行的框架vue.js，在這基礎上有一批成熟的後台系統開源專案。1 element 截止發稿前 start 51.8k 官網 http...
快速上手維護乙個複雜軟體系統
本文所說的複雜軟體系統指的是業務複雜的系統。業務複雜是在現實中普遍存在的，而演算法複雜總是一小部分人的主題。程式語言將不重要，重要的是解決問題的能力，不管之前是否用過該語言。複雜軟體系統的核心，也是資料結構，不過不是加的演算法，而是加的資料流動。資料結構說的是靜的部分，更偏向表示呈現 而資料流動說的...
如何快速的了解乙個公司的框架
又進入了一家新的公司，經過上一家公司的學習，認為既然走了也要有所收穫。現在自己還是小萌新，對於新公司自己還是要花費時間和精力來了解公司的框架，因為這是工作的第一步 在網上看了許多大佬的高見，自己也想寫下來，必將自己感悟的理解的最透徹，也能更好的說服自己。專案經理，把專案拉下來後，自己感覺應該先把專案...