Vue学习笔记

v-pre：直接输出内容
v-html：解析html
v-bind:src 语法糖 :src
计算属性 computed 可以缓存 效率高 调用无需();
es6: for(let i in books){}
for(let book of books){}
filters：过滤器 |
:disabled=“item.count<=1”
@click=“btnClick( abc,$event) 传入event
v-on修饰符 @click.prevent 阻止用户sunbmit
添加上 key 防止输入框内容的复用
v-for=”(value,key,index)" {{value}}{{key}}
splice(2,0,‘f’)//在第二个元素后插入一个f 从第二个元素开始删除0个 添加f
v-for 中 key 保证唯一性 为了高效的更新虚拟dom
currentIndex=0 :class="{active:currentIndex===index}" 用于判定点击的是否为该元素

高阶函数：filter/map/reduce
filter：不改变数组内容
const age=[‘1’,‘5’,‘44’,‘68’];
let newAge=age.flilter(function(n){
return n<10;
})
let new2age=age.map(function(n){
return n2;
})
let total=age.filter(n => n<10).map(n =>n2).reduce( ( pre,n)=>pre+n );

v-model 后面添加 multiple select可以多选

组件
子传父props 父传子 $emit

promise
需求发送两个请求 都成功后执行使用promise
Promise.all([ ])

vuex
state:{}
getters{
more20stu(state){
return state.stu.filter( s => s.age>20)
},
more20stuleng( state,getters ){
//第二个数可以传入getters
return getters.more20stu.length
},
//还可以传入函数
more20age(state){
rentun age =>{
return state.stu.filter( s => s.age>age)
}
}
}

动态设置属性
vue.set

mutation 传递常量类型

position:sticky

.push(…)