VUE学习

插值表达式：

1. 显示数据
2. 算数运算
3. 三元运算
4. 调用方法

vue事件修饰符：

按键修饰符：只对keydown keyup有效

v-for value,key,index 遍历对象可以写两个

​ 遍历对象数组、普通数组两个参数

​

Vue生命周期;

创建 挂载 更新 销毁

vue create方法相当于init

restful：

一般对应：

get：查询

post：新增

put：更新

delete：删除

Vue
概念：基于MVVM设计模式的”渐进式“前端框架
语法：
{{}} //插值表达式 作用：1.展示数据 2.算数运算 3.三元运算 4.调用方法
v-on: //事件绑定 缩写“@” 例：v-on:click=""-->@click=""
阻止事件默认行为：event.preventDefault();
阻止事件传播行为：event.stopPropagation();
Vue事件修饰符可以代替上述操作：
例：event.preventDefault(); @click.prevent
event.stopPropagation(); @mouseover.stop
v-on:keydown|keyup 按键修饰符
.enter 回车
.tab 缩进
.delete 删除
.esc 退出
....

vue常用系统指令：

v-text: //展示文本 解决插值表达式{{}}，闪烁问题
v-html: //展示html内容
v-bind: //给标签的属性赋值 例如：<input v-bind:color="data区定义的变量"/>
v-for: //遍历（循环） 
    1.普通数组、集合["",""] 
        v-for="（单体,index） in 集合"
    2.对象集合[{},{}] 
        v-for="（单体,index） in 集合"
    3.对象、map {key1:value1,key2:value2}
        v-for="（value,key,index） in 集合"
v-model: //数据双向绑定 适用于：input textarea select
v-if/v-show: //是否展示 v-if：如果条件为false,html中没有该标签 v-show:如果条件为false,相当于在该标签中添加了一个display="none"

Vue生命周期：创建（beforeCreate,created），挂载(beforeMount,mounted)，更新(beforeUpdate,updated)，销毁(beforeDestroy,destroyed)

Vue+Axios(ajax):
get方式:1.axios.get(url?id=1).then(function(){}).catch(); 2.axios.get(url,param:{id:1}).then(function(){}).catch()
post方式:axios.get(url,{id:1}).then(function(){}).catch();
注意事项：this关键字的使用，如果在axios内部，this代表的是axios对象而不是Vue对象
注意事项：使用Vue前端框架的，页面调用的方法，一定要在Vue的方法区声明，否则会报错