Vue學習目錄

2021-09-28 16:24:08 字數 985 閱讀 3179

近年來,前端框架發展火熱,新的框架和名詞不停地出現在開發者眼前,而且開發模式也產生了一定的變化。目前來看,前端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...