近年來,前端框架發展火熱,新的框架和名詞不停地出現在開發者眼前,而且開發模式也產生了一定的變化。目前來看,前端mvvm框架的出現給開發者帶來了不小的便利,其中的代表就有angular.js、react.js以及vue.js。這些框架的產生使得開發者能從過去手動維護dom狀態的繁瑣操作中解脫出來,盡可能地讓dom的更新操作是自動的,狀態變化的時候就自動更新到正確的狀態
不過,新框架的引入不可避免的就是學習成本的增加以及框架普及性的問題,相對於angular.js和react.js而言,vue.js的學習曲線則比較平穩,上手比較簡單,並且配合自身外掛程式功能,成為了時下無論從實用性還是普遍性來說都是可靠的mvvm框架選擇之一
小火柴將vue的知識體系進行了梳理和歸納,總結成以下目錄
入門基礎
例項物件的資料選項
例項生命週期
自定義指令
響應式原理
渲染函式
生產環境部署
vue-cli
風格指南
模板內容
模板邏輯
陣列更新及過濾排序
事件處理
表單控制項繫結
元件基礎用法
元件選項props
自定義事件
內容分發slot
動態元件
元件例項間的直接訪問
單檔案元件
css過渡
js過渡
多元素過渡
列表過渡
可復用過渡和動態過渡
過渡狀態
混合mixins
外掛程式plugins的基本操作
vue路由vue-router
vue-router的api詳解
vuex的api詳解
vue狀態管理vuex
http庫axios
css modules
伺服器端渲染ssr
現有vue專案的伺服器端渲染ssr改造
更多專業前端知識,請上
【猿2048】www.mk2048.com
vue 學習目錄
一 vue.js 安裝 使用 cdn 方法 npm 方法 建立乙個基於 webpack 模板的新專案 嘗試修改初始化項,將 hello.vue 修改為以下 每個 vue 應用都需要通過例項化 vue 來實現。除了資料屬性,vue 例項還提供了一些有用的vue例項屬性與方法,它們都有字首 以便與使用者...
vue學習目錄
一 比較好的 vue2 vuerouter2 webpack axios 構建專案實戰2017重製版 一 基礎知識概述 vue2 vuerouter2 webpack axios 構建專案實戰2017重製版 二 安裝 nodejs 環境以及 vue cli 構建初始專案 vue2 vuerouter...
vue學習 過程目錄結果
components 資料夾用來存放vue元件。個人建議,把每乙個元件中使用到的image放置到對應的元件子檔案目錄下,便於統一的管理 node modules npm安裝的該項目的依賴庫 vuex 資料夾存放的是和 vuexstore 相關的東西 state物件,actions,mutations...