同桌bug之this指向

错误一:

mounted() {
    window.onhashchange = function(){
      console.log(window.location.hash)
      const { hash } = window.location
      if (hash === '#/index') {
        this.comName = 'MyIndex'
      } else if (hash === '#/movie') {
        this.comName = 'MyMovie'
      }
    }
  },

错误原因:

使用function时this的指向为window,使用箭头函数时this指向为当前vue组件

正确示范:

mounted() {
    window.onhashchange = () => {
      console.log(window.location.hash)
      const { hash } = window.location
      if (hash === '#/index') {
        this.comName = 'MyIndex'
      } else if (hash === '#/movie') {
        this.comName = 'MyMovie'
      }
    }
  },

错误二:

vue-router.esm.js?3423:16 [vue-router] Named Route ‘sports’ has a default child route. When navigating to this named route (:to=“{name: ‘sports’”), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.

错误原因

有默认的子路由,父路由设置了name将不会被渲染

正确示范:

错误三:

注意此处有没有空格