Vue + VueRouter + Webpack 實例 (源碼含備註)

分享 vue 技術棧核心基礎知識點(源碼含備註)

首先說一下爲什麼要寫這篇博文,都9102了,爲什麼還在寫那些老掉牙的 vue 基礎分享,聽我細細道來:

1,不管是 9102 還是 2020 ,技術的更新道路上都是萬變不離其宗的,vue 也是一樣,儘管3.0已然到來,可是還是有很多同學 2.x 全然不知

2,通過我的一個簡單實例,來幫助那些想學習vue技術棧的童鞋和即將入門前端的小白

3,也是最重要的一點,2018年7月,基於某公司部分產品技術棧轉型使用vue,部分同事需要學習一下,快速上手,那麼我很榮幸的成爲了給大家分享vue技術棧的 ‘導師‘ ;清楚的記得,爲了這一壯舉,培訓的前幾天我都是在跟度娘和vue官方文檔在打交道
爲了紀念自己第一次公衆場合分享技術棧詳情請查看

在這裏我分享一下當時培訓源碼(邊寫邊講),大家如果是初入茅廬的vue小白,建議去看一看,基礎知識點還是挺全面的;全部都學會,Vue基本開發肯定沒問題。

Vue Basic Demo Github - https://github.com/Hi-Sen/Vue-basics-example

預覽 - https://hi-sen.github.io/Vue-basic-look/

涵蓋知識點

1,vue常用指令,動態樣式,事件處理 ,生命週期, 路由 ,路由鉤子 , 按需加載 等
2,vue的常使用插件庫,如:element-ui , mint-ui , iview 等等
3,常用屬性, props ,computed , watch , methods , $refs , $emit , $on 等
4,組件基礎,組件通信,組件封裝, 動態組件:component 配合 keep-live
5,狀態管理 vuex ,配合 localStorage 持久化儲存防止刷新等

基本上都是基礎,並沒有講的很深,但是講的很細,畢竟是爲了讓同事們更快的上手項目;後續在工作中也補充了很多…如:

全局API, vue.nextTick , vue.extend , vue.set , vue.directive , vue.filters , vue.mixins ,slot
Vuex 擴展語法 mapGetters , mapStates , mapMutations , mapActions 等等;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章