CGB2111Vue学习第二天

Vue
1.绑定事件
方式一：@ckuck = “方法名称()”
方式二：v-on:clivk = “方法名称()”
2.循环指令:v-for
语法：v-for = “每个元素in数组名称”
java的循环的语法：for（类型 每个元素：数组（集合））{}
3.双向绑定指令：v-model
vue中data的数据 -->html网页中输入框的值
vue中data的数据 <–>html网页中输入框的值
注意：作用form表单

Vue的生命周期
什么是生命周期:指的vue对象从创建到最后的销毁的过程，就叫生命周期.
生命周期的方法一共有八个
1.自动执行
beforeCreate()
created()
beforeMounte()
mounted()
2.当data中的数据发生改变时，执行的函数
beforeUpdate()
updated()
3.当vue对象摧毁时，执行的方法
beforeDestory()
destoryed();
特点
1.生命周期函数会自动执行
场景：想要自动执行我们的方法，我们定义方法，放到生命周期函数

异步
1.同步特点：提交整个网页
2.异步特点：提交网页的一部分
3.原始的异步请求：分为4步，非常麻烦，在实际开发中也不用
4.使用异步框架的优点
原始的异步请求代码实现分为4步开发麻烦
原始的异步请求封装成异步请求框架：axios.js

axios
步骤一：在网页里面引用vue.js,axios.js文件
步骤二：在vue对象的方法里面，写异步请求代码
get的异步请求：
axios.get(url).then(function(resp){}).catch(function())
post的异步请求：
axios.post(url).then(function(resp){}).catch(function())

区别：
1.get请求的请求数据都在地址栏,请求的数据大小是有限制的比如:IE8浏览器,get请求提交数据,最大提交200kb
实际开中:提交的数据比较少,使用get
2.post请求的请求数据都不在地址栏,请求的数据大小没有有限制的比如:IE8浏览器,get请求提交数据,最大提交200kb
实际开中:提交的数据比较大,使用post,比如:提交一个视频到后台