成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue培訓(xùn)記錄

curlyCheng / 1357人閱讀

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

1. 項(xiàng)目構(gòu)成及原理 Vue

主流框架見解及差別

react ALL IN JS 靈活

angular 架構(gòu)清晰 層級(jí)多 重

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

Node運(yùn)行在服務(wù)端的JS

谷歌V8引擎 使JS語(yǔ)言能在服務(wù)器端運(yùn)行

Webpack—一個(gè)前端的打包工具

模塊化拆分js

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

Vue單頁(yè)spa框架

實(shí)則是一個(gè)html

沒有刷新頁(yè)面過(guò)渡可編譯

Vue核心思想

以數(shù)據(jù)驅(qū)動(dòng)視圖，盡量少用直接對(duì)DOM的操作

一切都是模塊組件

單向數(shù)據(jù)流

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

以更好的項(xiàng)目架構(gòu)去搭建vue項(xiàng)目

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

Vue項(xiàng)目創(chuàng)建

Vue的項(xiàng)目構(gòu)成

Vue的一些常用es6 ECMAScript 6 入門

var => let const

箭頭函數(shù) this指向

異步（promise）回調(diào)地獄

數(shù)組及解構(gòu)賦值

2. Vue路由 Vue Router

路由的作用及工作原理

以路徑為鍵做模塊加載

路由的兩種模式：hash history

基礎(chǔ)路由的配置

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

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

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

keep-alive activated deactivated

3. 模板語(yǔ)法

v-if、v-for、v-show

dom指令 v-if v-for

視圖 v-show

巧用三元運(yùn)算

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

修飾符

數(shù)據(jù)綁定 ":"、"v-bind"、"v-model"

4. Vue實(shí)例對(duì)象

實(shí)例this

vue函數(shù)對(duì)象

this指向當(dāng)前函數(shù)對(duì)象

方法對(duì)象methods

所有調(diào)用的方法集

數(shù)據(jù)對(duì)象data

數(shù)據(jù)驅(qū)動(dòng)視圖的核心

只當(dāng)create的時(shí)候賦值一次

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

利用緩存計(jì)算

不能直接修改

過(guò)濾器filter 注意this

對(duì)字符串進(jìn)行加工處理

過(guò)濾器中取不到this

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

對(duì)數(shù)據(jù)進(jìn)行監(jiān)聽 做相應(yīng)動(dòng)作

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

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

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

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

5. 組件

組件引用書寫 "components"

組件傳參 props 傳方法@

修飾符sync語(yǔ)法糖

v-model語(yǔ)法糖

父子組件交互 $emit $refs

子組件通過(guò)$emit觸發(fā)父組件傳入的方法，并傳入?yún)?shù)

父組件通過(guò)在子組件添加ref,在方法中用$refs來(lái)拿子組件中的參數(shù)或調(diào)取子組件方法

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

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

VueX的使用mutations、Action

7. Ajax請(qǐng)求

AXIOS的封裝及使用

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103045.html

相關(guān)文章

  • 我轉(zhuǎn)行前端花了11個(gè)月

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

    Vultr 評(píng)論0 收藏0

  • 面試小結(jié)--前端面試的幾個(gè)雷點(diǎn)

    摘要：前言得益于金三銀四，在最近一段時(shí)間，面試了一些人，但是符合的寥寥無(wú)幾?？吹轿业拿嬖囶}自己寫的面試題，自己想的答案。聽人說(shuō)過(guò)一個(gè)面試套路面試官問(wèn)的問(wèn)題，可能面試官自己都不懂，目的只是為了壓工資，挫士氣。不過(guò)我是為了測(cè)試面試者是不是真的精通。 技術(shù)在不斷的創(chuàng)新，隨著框架，庫(kù)，構(gòu)建工具，打包工具，版本控制工具等操作越來(lái)越方便，使用越來(lái)越簡(jiǎn)單。面對(duì)這樣的情況，除了興奮，也要警惕。這些工具使得開...

    idealcn 評(píng)論0 收藏0

  • 太原，這是我曾經(jīng)和現(xiàn)在居住的城市，記錄一個(gè)前端仔的三年。

    摘要：年，我離開了工作一年的杭州?；疖囌荆沁M(jìn)入一個(gè)城市的入口。對(duì)于常年混跡于太原前端圈的我，發(fā)現(xiàn)最近兩年太原招聘市場(chǎng)的一個(gè)發(fā)展趨勢(shì)是，前端開發(fā)已經(jīng)和一樣，成為公司招聘的標(biāo)配。后記太原并不大，也不繁華，但她是我生活的城市，我很熱愛她。 showImg(https://segmentfault.com/img/bVZHg4?w=1000&h=565); 前言 這篇文章寫給準(zhǔn)備踏入互聯(lián)網(wǎng)的萌新，...

    tomlingtm 評(píng)論0 收藏0

  • 講講自己前端培訓(xùn)的親身經(jīng)歷，給想去IT培訓(xùn)的人一些建議

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

    chunquedong 評(píng)論0 收藏1

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<