vue培訓記錄

curlyCheng 發(fā)布于2019-08-23 16:27 / 1348人閱讀

在公司做了一次vue相關的培訓，自己整理了一些大綱。供大家參考學習！
當然優(yōu)先要先看官方文檔

1. 項目構成及原理 Vue

主流框架見解及差別

react ALL IN JS 靈活

angular 架構清晰層級多重

vue 類似react并吸收了angular的一些優(yōu)點

Node運行在服務端的JS

谷歌V8引擎使JS語言能在服務器端運行

Webpack—一個前端的打包工具

模塊化拆分js

使開發(fā)環(huán)境的代碼能被瀏覽器編譯

Vue單頁spa框架

實則是一個html

沒有刷新頁面過渡可編譯

Vue核心思想

以數據驅動視圖，盡量少用直接對DOM的操作

一切都是模塊組件

單向數據流

Vue-cli腳手架工具去年出的3.0

以更好的項目架構去搭建vue項目

打包創(chuàng)建一些需要的依賴

Vue項目創(chuàng)建

Vue的項目構成

Vue的一些常用es6 ECMAScript 6 入門

var => let const

箭頭函數 this指向

異步（promise）回調地獄

數組及解構賦值

2. Vue路由 Vue Router

路由的作用及工作原理

以路徑為鍵做模塊加載

路由的兩種模式：hash history

基礎路由的配置

路由全局守衛(wèi)beforeEach、beforeResolve 、afterEach、beforeEnter

組件內路由守衛(wèi)beforeRouteEnter、beforeRouteUpdate 、beforeRouteLeave

動態(tài)路由配置this.$router.addRoutes 只能添加頂級路由

keep-alive activated deactivated

3. 模板語法

v-if、v-for、v-show

dom指令 v-if v-for

視圖 v-show

巧用三元運算

方法綁定 "@"、"v-on"

修飾符

數據綁定 ":"、"v-bind"、"v-model"

4. Vue實例對象

實例this

vue函數對象

this指向當前函數對象

方法對象methods

所有調用的方法集

數據對象data

數據驅動視圖的核心

只當create的時候賦值一次

計算屬性computed 性能優(yōu)勢

利用緩存計算

不能直接修改

過濾器filter 注意this

對字符串進行加工處理

過濾器中取不到this

數據監(jiān)聽watch 慎用深度監(jiān)聽

對數據進行監(jiān)聽做相應動作

深度監(jiān)聽影響性能

生命周期 beforecreated、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed

常用created 獲取數據，不觸發(fā)updated，不造成頁面2次渲染

常用mounted 操作dom，觸發(fā)update，造成頁面2次渲染

5. 組件

組件引用書寫 "components"

組件傳參 props 傳方法@

修飾符sync語法糖

v-model語法糖

父子組件交互 $emit $refs

子組件通過$emit觸發(fā)父組件傳入的方法，并傳入參數

父組件通過在子組件添加ref,在方法中用$refs來拿子組件中的參數或調取子組件方法

6. 狀態(tài)管理 VueX

VueX是什么，為什么要使用VueX

VueX的使用mutations、Action

7. Ajax請求

AXIOS的封裝及使用

云服務器 GPU云服務器 Vue_Vue Vue vue3 學習筆記 (五)——vue3 _vue

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103045.html

我轉行前端花了11個月

摘要：本，工業(yè)設計碩，設計學有點點編程基礎，有自己從頭搭建的網站在上家公司也是主要靠寫程序吃飯裸辭前攢了一個半月工資。沒想到從我裸辭，到入職下家公司，足足經歷了個月之久。個月都干啥了本人從裸辭到入職下家公司，共個月。當你看到這行文字時，我假設你是一個準備轉行前端，或者正在轉行前端的人。我剛花了11個月轉行前端。和你聊聊我的故事吧。轉行花了多久？11個月準備轉行前端時，我看了很多過來人寫...

Vultr 2019-08-26 13:28 評論0 收藏0
面試小結--前端面試的幾個雷點

摘要：前言得益于金三銀四，在最近一段時間，面試了一些人，但是符合的寥寥無幾。看到我的面試題自己寫的面試題，自己想的答案。聽人說過一個面試套路面試官問的問題，可能面試官自己都不懂，目的只是為了壓工資，挫士氣。不過我是為了測試面試者是不是真的精通。技術在不斷的創(chuàng)新，隨著框架，庫，構建工具，打包工具，版本控制工具等操作越來越方便，使用越來越簡單。面對這樣的情況，除了興奮，也要警惕。這些工具使得開...

idealcn 2019-08-22 16:07 評論0 收藏0
太原，這是我曾經和現在居住的城市，記錄一個前端仔的三年。

摘要：年，我離開了工作一年的杭州。火車站，是進入一個城市的入口。對于常年混跡于太原前端圈的我，發(fā)現最近兩年太原招聘市場的一個發(fā)展趨勢是，前端開發(fā)已經和一樣，成為公司招聘的標配。后記太原并不大，也不繁華，但她是我生活的城市，我很熱愛她。 showImg(https://segmentfault.com/img/bVZHg4?w=1000&h=565); 前言這篇文章寫給準備踏入互聯網的萌新，...

tomlingtm 2019-08-21 17:54 評論0 收藏0
講講自己前端培訓的親身經歷，給想去IT培訓的人一些建議

摘要：看到網上各種說達內怎么怎么滴，我以自己親身經歷來講講我在達內的這段經歷吧。事先申明，中國很多城市都有達內，每個城市很可能不只一個達內培訓區(qū)，并且達內每一培訓期的情況可能不一樣。我只講我培訓時所在的達內培訓區(qū)。這些就是在達內個月基本的生活了。看到知乎上很多說培訓班出來的人咋個了，甚至還有人說培訓3個月怎么能和大學四年如一日努力學習的人相比。想著我也是培訓出來的，那么就我自身經歷說一說吧...

chunquedong 2019-08-26 11:38 評論0 收藏1