vue 相关

1.vue v-for 循环一个数组，key值报错，可是数据是正常显示的

报错：

v-for使用key，须要在key前加上:key;
srcList是个数组，key值绑定不能是数据类型Object的item，应该绑定item对象下一个属性，这个属性不能重复出现，不然依旧会出现key值报错；你这里能够改为v-for="(item,index) in srcList" :key="index",index对象数组里的索引，不会重复出现，也就不会报错

 

2.计算属性 和 watch 的区别

计算属性是自动监听依赖值的变化，从而动态返回内容，监听是一个过程，在监听的值变化时，能够触发一个回调，并作一些事情

因此区别来源于用法，只是须要动态值，那就用计算属性；须要知道值的改变后执行业务逻辑，才用 watch，用反或混用虽然可行，但都是不正确的用法

watch 用法： 例若有请求须要再也没初始化的时候就执行一次，而后监听他的变化，不少人这么写：

created(){
  this.fetchPostList()
},
watch: {
  searchInputValue(){
    this.fetchPostList()
  }
}

上面这种写法，咱们彻底能够以下写：

watch: {
  searchInputValue:{
    handler: 'fetchPostList',

    immediate: true
  }
}

immediate:true表明若是在 wacth 里声明了以后，就会当即先去执行里面的handler方法，若是为 false就跟咱们之前的效果同样，不会在绑定的时候就执行。

 

3.keep-alive

简单来讲，就是把一个组件的编译缓存起来