Vue.js基礎總結

FSL-在學習發表於2020-10-09

1.認識Vuejs

Vue是一個漸進式框架, 什麼是漸進式的呢?
宣告式渲染→元件系統→客戶端路由→集中式狀態管理→專案構建漸進式意味著你可以將Vue作為你應用的一部分嵌入其中,帶來更豐富的互動體驗。
Vue有很多特點和Web開發中常見的高階功能
解耦檢視和資料可複用的元件前端路由技術狀態管理虛擬DOM

2.Vue初體驗

在這裡插入圖片描述

3.Vue中的MVVM

在這裡插入圖片描述
View層
檢視層前端開發中, 通常就是DOM層主要的作用是給使用者展示各種資訊
Model層
資料層資料可能是我們固定的死資料, 更多的是來自我們的伺服器, 從網路上請求下來的資料
VueModel層
檢視模型層檢視模型層是View和Model溝通的橋樑一方面它實現了 Data binding, 也就是資料繫結, 將Model的改變實時的反應到了View中另一方面它實現了DOM Listener,也就是DOM監聽,當DOM發生一些事件(點選、滾動、touch等)時,可以監聽到,並在需要的情況下改變對應的Data。

4.Vue例項傳入的options

在這裡插入圖片描述

5.插值指令

相關文章