Vue簡(jiǎn)介
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式的MVVM框架。
Vue 的核心庫(kù)只關(guān)注視圖層。官網(wǎng)地址：https://cn.vuejs.org/v2/guide/
image.png
Vue演進(jìn)案例：節(jié)點(diǎn)內(nèi)容填充
原生JS
image.png
JS模板
image.png
jQuery
image.png
Vue
image.png
Vue基礎(chǔ)語(yǔ)法
1.v-cloak(cloak[kl??k]:披風(fēng)、遮蓋物)
2.插值表達(dá)式 {{}}及插值表達(dá)式的問(wèn)題
3.v-for循環(huán)語(yǔ)句
4.v-model => 雙向綁定 應(yīng)用于有value屬性的標(biāo)簽，且一個(gè)標(biāo)簽只能使用一次
5.v-if & v-else & v-else–if & v-show 條件語(yǔ)句
6.v-text & v-html(和插值表達(dá)式的區(qū)別)
7.v-once => 只綁定1次
8.v-bind => 屬性綁定
9.v-on => 事件修飾
10.v-pre => 跳過(guò)這個(gè)元素和它的子元素的編譯過(guò)程。
Vue生命周期
image.png
image.png
image.png
Vue對(duì)象
image.png
image.png
View
Vue指令和表達(dá)式
1.v-on事件監(jiān)聽(tīng)器
2.v-text
3.v-show
4.v-model
5.v-for
6.插值表達(dá)式{{}}
image.png
VM和Model
image.png
Vue技術(shù)棧介紹
image.png
