Vue基礎(chǔ)知識

什么是Vue?
Vue 是一套前端框架,免除原生JavaScript中的DOM操作,簡化書寫。
基于MVVM(Model-View-ViewModel)思想,實現(xiàn)數(shù)據(jù)的雙向綁定,將編程的關(guān)注點放在數(shù)據(jù)上。
官網(wǎng): https://v2.cn.vuejs.org/

框架:是一個半成品軟件,是一套可重用的、通用的、軟件基礎(chǔ)代碼模型?;诳蚣苓M(jìn)行開發(fā),更加快捷、更加高效。

Vue快速入門
1.新建HTML頁面,引入Vue.js文件

2.在JS代碼區(qū)域,創(chuàng)建Vue核心對象,定義數(shù)據(jù)模型
3.編寫視圖
插值表達(dá)式:
形式:{{ 表達(dá)式 }}
內(nèi)容可以是:
變量
三元運算符
函數(shù)調(diào)用
算術(shù)運算

Vue常用指令
指令:HTML 標(biāo)簽上帶有 v- 前綴 的特殊屬性,不同指令具有不同含義。
常用指令

v-bind
v-model
注意事項
通過v-bind或者v-model綁定的變量,必須在數(shù)據(jù)模型中聲明。

v-on

v-if
v-show
v-for

Vue生命周期
生命周期:指一個對象從創(chuàng)建到銷毀的整個過程。
生命周期的八個階段:每觸發(fā)一個生命周期事件,會自動執(zhí)行一個生命周期方法(鉤子)。


生命周期的八個階段:每觸發(fā)一個生命周期事件,會自動執(zhí)行一個生命周期方法(鉤子)

mounted:掛載完成,Vue初始化成功,HTML頁面渲染成功。(發(fā)送請求到服務(wù)端,加載數(shù)據(jù))

小結(jié)
1.Vue是什么?
Vue是一個基于MVVM模型的前端js框架。
2.Vue常用指令?
v-bind、v-model、v-on、v-if、v-show、v-for
3.Vue生命周期?
mounted