javaweb自用笔记：Vue
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
vue组件库element
快速入门
vue路由
打包
nginx部署
