Vue
什么是vue
vue案例
1、引入vue.js文件
2、定義vue對象
3、定義vue接管的區域el
4、定義數據模型data
5、定義視圖div
6、通過標簽v-model來綁定數據模型
7、{{message}}直接將數據模型message展示出來
8、由于vue的雙向數據綁定,當視圖層標簽input里的message發生變化,那么數據模型message也會發生變化
vue的常用指令
v-bind和v-model
v-on
?
v-if、v-show(條件不成立也會渲染,只是隱藏了)
v-for
生命周期
當完成某個階段,自動執行
異步交互Ajax
Ajax的作用
同步與異步
同步:客戶端需要等服務器響應后才能操作
異步:客戶端在等服務器響應的同時還可以進行其他操作
原生Ajax
Ajax-Axios2
基于原生的Ajax封裝起來的技術
案例
加載html頁面時自動觸發鉤子函數mounted,在函數發送異步請求獲取數據
前端工程化
前后端分離開發
YApi
vuej腳手架環境準備
安裝nodejs和vue腳手架:Day03-04. 前端工程化-環境準備_嗶哩嗶哩_bilibili
vue項目目錄結構
創建vue項目:Day03-05. 前端工程化-Vue項目_嗶哩嗶哩_bilibili