大事件项目问题总结

第①个问题（computed重复）

当调试页面出现error  Duplicate key 'computed'  no-dupe-keys

因为vue的每个组件只能有一个计算函数请检查一下computed是否有重复，有的话直接合并在一起就好了

export default {
  name: 'loginPage',
  data () {
    return {
//变量对象
}
  },
  methods: {
//方法
  },
  computed:{
//计算属性
  }
}

第②个问题（vscode不会提示）

当打 this.store  没有自动变成 this.$store 或者没有提示 的时候

可能是位置 或者 生命周期函数错了，
比如   created () {} 写成了created :{}

export default {
  name: 'loginPage',
  data () {
        return {
//变量对象
}
  },
  methods: {
//方法
  },
  computed:{
//计算属性
  },
created(){

},
mounted(){

},
destroyed(){

}
}

第③个问题（store和router记混）

this.$store 和 this.$router 在脑子不清醒的时候 容易记混

要在脑海里埋下记忆，store是vuex使用的 router是路由使用的，

store用于存储公用的参数和操作参数的函数

router用于组件路由跳转

第④个问题（props错误）

element-ui.common.js?80cb:23196 [Element Warn]please pass correct props!

出现这个 检测props  最好props和和所属的变量名一致

第⑤个问题（css失效）

删除下拉菜单上方的小三角一直失败
因为less是用了scoped，所以类名定位不到
解决方法 

<style lang="less" scoped>
/deep/.popper__arrow{
  display: none !important;
}
</style>

【博学谷学习记录】超强总结，用心分享