資訊專欄INFORMATION COLUMN
在公司做了一次vue相關的培訓，自己整理了一些大綱。供大家參考學習！
當然 優(yōu)先要先看官方文檔
主流框架見解及差別
react ALL IN JS 靈活
angular 架構清晰 層級多 重
vue 類似react并吸收了angular的一些優(yōu)點
Node運行在服務端的JS
谷歌V8引擎 使JS語言能在服務器端運行
Webpack—一個前端的打包工具
模塊化拆分js
使開發(fā)環(huán)境的代碼能被瀏覽器編譯
Vue單頁spa框架
實則是一個html
沒有刷新頁面過渡可編譯
Vue核心思想
以數(shù)據(jù)驅動視圖，盡量少用直接對DOM的操作
一切都是模塊組件
單向數(shù)據(jù)流
Vue-cli腳手架工具 去年出的3.0
以更好的項目架構去搭建vue項目
打包創(chuàng)建一些需要的依賴
Vue項目創(chuàng)建
Vue的項目構成
Vue的一些常用es6 ECMAScript 6 入門
var => let const
箭頭函數(shù) this指向
異步（promise）回調(diào)地獄
數(shù)組及解構賦值
2. Vue路由 Vue Router
路由的作用及工作原理
以路徑為鍵做模塊加載
路由的兩種模式：hash history
基礎路由的配置
路由全局守衛(wèi)beforeEach、beforeResolve 、afterEach、beforeEnter
組件內(nèi)路由守衛(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"
修飾符
數(shù)據(jù)綁定 ":"、"v-bind"、"v-model"
4. Vue實例對象實例this
vue函數(shù)對象
this指向當前函數(shù)對象
方法對象methods
所有調(diào)用的方法集
數(shù)據(jù)對象data
數(shù)據(jù)驅動視圖的核心
只當create的時候賦值一次
計算屬性computed 性能優(yōu)勢
利用緩存計算
不能直接修改
過濾器filter 注意this
對字符串進行加工處理
過濾器中取不到this
數(shù)據(jù)監(jiān)聽watch 慎用深度監(jiān)聽
對數(shù)據(jù)進行監(jiān)聽 做相應動作
深度監(jiān)聽影響性能
生命周期 beforecreated、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed
常用created 獲取數(shù)據(jù)，不觸發(fā)updated，不造成頁面2次渲染
常用mounted 操作dom，觸發(fā)update，造成頁面2次渲染
5. 組件組件引用書寫 "components"
組件傳參 props 傳方法@
修飾符sync語法糖
v-model語法糖
父子組件交互 $emit $refs
子組件通過$emit觸發(fā)父組件傳入的方法，并傳入?yún)?shù)
父組件通過在子組件添加ref,在方法中用$refs來拿子組件中的參數(shù)或調(diào)取子組件方法
6. 狀態(tài)管理 VueXVueX是什么，為什么要使用VueX
VueX的使用mutations、Action
7. Ajax請求AXIOS的封裝及使用
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/103045.html
摘要：本，工業(yè)設計碩，設計學有點點編程基礎，有自己從頭搭建的網(wǎng)站在上家公司也是主要靠寫程序吃飯裸辭前攢了一個半月工資。沒想到從我裸辭，到入職下家公司，足足經(jīng)歷了個月之久。個月都干啥了本人從裸辭到入職下家公司，共個月。 當你看到這行文字時，我假設你是一個準備轉行前端，或者正在轉行前端的人。我剛花了11個月轉行前端。和你聊聊我的故事吧。 轉行花了多久？11個月 準備轉行前端時，我看了很多過來人寫...
摘要：前言得益于金三銀四，在最近一段時間，面試了一些人，但是符合的寥寥無幾。看到我的面試題自己寫的面試題，自己想的答案。聽人說過一個面試套路面試官問的問題，可能面試官自己都不懂，目的只是為了壓工資，挫士氣。不過我是為了測試面試者是不是真的精通。 技術在不斷的創(chuàng)新，隨著框架，庫，構建工具，打包工具，版本控制工具等操作越來越方便，使用越來越簡單。面對這樣的情況，除了興奮，也要警惕。這些工具使得開...
摘要：年，我離開了工作一年的杭州。火車站，是進入一個城市的入口。對于常年混跡于太原前端圈的我，發(fā)現(xiàn)最近兩年太原招聘市場的一個發(fā)展趨勢是，前端開發(fā)已經(jīng)和一樣，成為公司招聘的標配。后記太原并不大，也不繁華，但她是我生活的城市，我很熱愛她。 showImg(https://segmentfault.com/img/bVZHg4?w=1000&h=565); 前言 這篇文章寫給準備踏入互聯(lián)網(wǎng)的萌新，...
摘要：看到網(wǎng)上各種說達內(nèi)怎么怎么滴，我以自己親身經(jīng)歷來講講我在達內(nèi)的這段經(jīng)歷吧。事先申明，中國很多城市都有達內(nèi)，每個城市很可能不只一個達內(nèi)培訓區(qū)，并且達內(nèi)每一培訓期的情況可能不一樣。我只講我培訓時所在的達內(nèi)培訓區(qū)。這些就是在達內(nèi)個月基本的生活了。 看到知乎上很多說培訓班出來的人咋個了，甚至還有人說培訓3個月怎么能和大學四年如一日努力學習的人相比。想著我也是培訓出來的，那么就我自身經(jīng)歷說一說吧...
閱讀 796·2021-10-14 09:42
閱讀 2024·2021-09-22 15:04
閱讀 1665·2019-08-30 12:44
閱讀 2211·2019-08-29 13:29
閱讀 2786·2019-08-29 12:51
閱讀 604·2019-08-26 18:18
閱讀 777·2019-08-26 13:43
閱讀 2872·2019-08-26 13:38
