Vue遇到的问题

问题1：Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

(found in )

证明自己定义的 组件为局部组件，只能在自己父组件区域内使用----指的是在它的父组件的模板中使用
例如：cpm为父组件，而header为局部组件，只能在cpm的内容区域使用（也就是模板区域）

  
  

  //1:定义一个全局组件
    Vue.component('cpm', {
      data() {
        return {
          name: 'liang',
          age: 22,
          sex: 'nan'
        }
      },
      //02-2:利用选择器绑定模板
      template: "#cpm",
      components: { //全局组件里面可以定义局部组件
        myHeader: { //header为局部组件名称，{}为配置参数
          template: `
cpm组件的头部
`
        },
        myFooter: {
          template: `
cpm组件的尾部
`
        }
      },
      methods: {

      }
    })

问题二、./src/components/aaa.vue

Module not found: Error: Can’t resolve ‘sass-loader’ in ‘C:\Users\Administrator\Desktop\Vue\day6-Vue-Rounter\testvue\src\components’
@ ./src/components/aaa.vue 4:2-308
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

问题原因：这是创建vue模板的时候直接引用了less的压缩，暂时不使用的时候，便可以删除，或者使用的时候，下载其中的less的loader






解决：     把这个删除

问题三，Error in mounted hook: “TypeError: handler.call is not a function”

found in

问题原因---就是在自己创建的组件中，其中的钩子函数  mounted: {}, 未设置为回调函数
解决：把vue组件中的钩子函数修改为回调函数
  // mounted: {},
  mounted() {},

问题四：Vue Invalid handler for event “”: got undefined

解决方法一：
	要么就是点击事件绑定的地方不一致，有可能在methods或者computed试一试
解决方法二：
	就是在App.vue文件中把data与methods为同级关系
	 export default {
	  name: "App",
	  data() {
	    return {};
	  },
	  methods: {
	    homeClick() {
	      // //通过代码的方式修改路由
	      // this.$router.push("./home");
	      console.log("我是首页");
	    },
	    aboutClick() {
	      // this.$router.push("./about");
	      console.log("我是关于");
	    }
	  }
	};
解决方法三：
	可能就是最开始绑定点击事件---aboutClick（）---这个定义的时候出现问题，只不过摸不清头脑
	把这个点击事件的名称修改后，在一次运行时，就发现不会报错（可能使在内部定义问题吧）
	    关于

问题五：fatal: not a git repository (or any of the parent directories): .git

提示说，寻找不到.git文件
因此直接初始化一下即可 git init
然后在输入其他的git操作

问题六：Uncaught (in promise) TypeError: Cannot read property ‘cancelToken’ of undefined

at throwIfCancellationRequested (dispatchRequest.js?5270:12)
at dispatchRequest

说明：为捕获到确切的数据
因此在封装网络请求的时候，响应拦截返回的是res
//2.2响应拦截
  instace1.interceptors.request.use(res => {
    return res; //返回的是结果
  }, err => {
    console.log(err);
  })

问题七：Uncaught (in promise) Error: Request failed with status code 500

at createError (createError.js?2d83:16)
at settle (settle.js?467f:17)
at XMLHttpRequest.handleLoad (xhr.js?b50d:61)

请求数据的时候，参数传递发送错误，应该为如下
  return request({
    url: '/home/data',
    params: {
      type,
      page
    }
  })