vue入門基礎

2021-09-27 07:39:08 字數 464 閱讀 2285

前端mvc最從是由後端mvc演變過來的

為什麼前端要引入mvc?

mvcmvpmvp

這裡p是中間人,是鏈結m 和 v 的橋梁,但是p在兩者之間的關係是公平的

mvvmmv

vm這裡vm是檢視模型,這裡vm也是溝通m 和 v的橋梁,但是vm和v的關係更加的親近

vue如何使用?

html css 可以進行class和style繫結

思考: 為什麼vue要進行class 和 style的繫結 答案: div class或是style要想改變,那麼我們得通過dom操作,而vue是通過指令來操作的 mvvm框架 v 是由 vm 來決定的 , 資料是動態的可修改的

class繫結

style繫結

擴充套件乙個點

js 事件也是dom操作的核心方式

Vue入門基礎

vue中文文件寫得很好,介面清爽,內容翔實。但文件畢竟不是教程,文件一上來出現了大量的新概念,對於新手而言,並不友好。個人還是比較喜歡類似於 js高階程式設計 的風格,從淺入深,娓娓道來 於是,還是按照自己的思路,對vue的知識體系從淺入深的開始學習,並把學習記錄總結成部落格,也是希望能夠幫助到同樣...

Vue 入門基礎

通過 vue 建構函式建立 vue 例項,並啟動 vue 應用入口 el 用於指定頁面中已經存在的dom元素來掛載 vue 例項,可以是標籤也可以是 css 語法 data 宣告應用中需要雙向繫結的資料,建議需要用到的所有資料都預先在 data 中宣告,不至於將資料散落到業務邏輯中難以維護,也可以指...

Vue入門(二)Vue基礎

本章根據前面的講解對有關的語法做進一步的講解和擴充,夯實基礎 所謂掛載點,就是前面例子中vue例項所管理的元素,這類似於css和jq的選擇器。data 1 vue例項管理其他選擇器對應的元素 類選擇器 data 元素選擇器 el div data 這裡呢,我僅僅列舉出兩個,其他的請大家自主的去試驗即...