Vue.js作為目前最熱門的前端框架之一,其幫助我們快速構(gòu)建并開發(fā)前端項目。剛剛在部門里做了一次關(guān)于vue入門的分享决侈,其中包括:為什么選擇Vue、Vue常用API喧务、組件間的通訊赖歌、Vue的技術(shù)棧、開發(fā)中的注意點功茴。在此貼上PPT庐冯,希望能幫助想學習Vue或了解Vue的同學。想要PPT文件的坎穿,可以簡信或評論留下郵箱展父。
前端開發(fā)之走進Vue.js
目錄
為什么選擇Vue
Vue簡介
JQuery VS Vue(聽眾大多非前端人員,所以使用JQuery對比)
JQuery VS Vue(聽眾大多非前端人員玲昧,所以使用JQuery對比)
JQuery VS Vue(聽眾大多非前端人員栖茉,所以使用JQuery對比)
JQuery VS Vue(聽眾大多非前端人員,所以使用JQuery對比)
JQuery VS Vue
JQuery VS Vue(聽眾大多非前端人員孵延,所以使用JQuery對比)
Vue的優(yōu)勢
Vue常用API
Vue 的構(gòu)造函數(shù)
Vue 的選項
單文件組件
Vue 的生命周期
{{}}吕漂,文本插值
v-text & v-html
v-bind
v-for
v-show & v-if
v-show VS v-if
v-else & v-else-if
v-model
v-model
v-on
組件間的通訊
需要通訊的場景
父組件傳數(shù)據(jù)給子組件
子組件傳數(shù)據(jù)給父組件
子組件傳數(shù)據(jù)給父組件
父子組件之間通訊
非父子組件通信
非父子組件通信
Vue的技術(shù)棧
Vuex
Vuex
Vue-router
Node Webpack ES6
為什么要使用構(gòu)建工具
Vue開發(fā)中的注意點
this.$set(data,key,value)
ref
slot
scoped
Question
END
推薦文章:
Git使用總結(jié)
快速掌握vue組件間的通訊
快速理解Vuex
如何在Vue+Webpack下配置Stylelint
Highchart屬性筆記
《你不知道的javascript上卷》摘要(上)
《你不知道的javascript上卷》摘要(下)