190323 Vue 的核心概念有哪些

2021-10-05 11:45:52 字數 833 閱讀 3015

最近幾年,國內最流行的前端框架,真的是非 vue 莫屬了,而對於自己來說,有點 out。

對於實踐這方面來說,僅僅是通過改造公司內部管理系統,然後練習了 vue 的

這兩部分而已,其中的核心概念還沒有深入研究過。所以這次想好好梳理一下。

vue.js 是 2014 年 2 月開源的乙個前端開發庫,通過簡潔的 api 提供高效的資料繫結和靈活的元件系統,在前端紛繁複雜的生態中,vue.js 有幸受到一定程度的關注,目前在 github 上已經有 132k+的 star。

通過網上蒐集,vue 的核心概念有這麼幾個。

以下是從網上的一篇文章中拷貝下來的,尤大神的開發初衷.

開發初衷:

2013 年末,我還在 google creative lab 工作。當時在專案中使用了一段時間的 angular,在感嘆資料繫結帶來生產力提公升的同時,我也感到 angular 的 api 設計過於繁瑣,使得學習曲線頗為陡峭。出於對 angular 資料繫結原理的好奇,我開始 「造輪子」,自己實現了乙個非常粗糙的、基於依賴收集的資料繫結庫。這就是 vue.js 的前身。同時在實際開發中,我發現使用者介面完全可以用巢狀的元件樹來描述,而乙個元件恰恰可以對應 mvvm 中的 viewmodel。於是我決定將我的資料繫結實驗改進成乙個真正的開源專案,其核心思想便是 「資料驅動的元件系統」

目前還是深入實踐一下為好,畢竟現在直接看原理,難免有些晦澀難懂,還是通過實踐,然後再返回來看,或許會好些。

一句話理解 vue 核心內容

重溫 vue.js—核心概念

vue 核心概念

vuejs 核心概念簡析

我們來看看尤大神談 vue.js

Vuex 二 Vue核心概念State

1.vuex 一 為什麼要使用vuex 2.vuex 二 vue核心概念state 3.vuex 三 vue核心概念getter 4.vuex 四 vue核心概念mutation 5.vuex 五 vue核心概念action 6.vuex 六 vue核心概念module 單狀態樹和模組化並不衝突 在...

掌握vue核心概念之元件

推薦駝峰命名 或者 使用 還是看個人看法習慣 const globalcomponent template 這是乙個全域性元件 const localcomponent template 這是乙個區域性元件 vue.component globalcomponent globalcomponent ...

Vue學習筆記之Vuex的核心概念Module

由於使用單一狀態樹,應用的所有狀態會集中到乙個比較大的物件。當應用變得非常複雜時,store 物件就有可能變得相當臃腫。為了解決以上問題,vuex 允許我們將 store 分割成模組 module 每個模組擁有自己的 state mutation action getter 甚至是巢狀子模組 從上至...