编译成功没有报错但是vue组件无法使用的记录

这里记录几种在没有报错的情况下vue组件无法使用的情况

1 没有将创建的组件输出

比如这里，我写了一个组件carts.vue，存在components文件夹下，carts.vue的内容如下

App.vue里，<template></template>里的内容

<script></script>里的内容

如果缺少了第二张图红圈里的内容，那么在App.vue里调用它是不会生效也不会报错的。

2 不使用驼峰命名法，即不使用大写字母，如果要用大写字母，在调用的时候需要加杠。原因是html不区分大小写。

比如下面这个是不行的

 Vue.component("myVue", {
       template: '<div>许愿世界上从此没有bug</div>'
    });

以下纯小写是可以的

 Vue.component("myvue", {
       template: '<div>许愿世界上从此没有bug</div>'
    });

或者以下使用了大写，调用的时候加个杠区分大写。

<my-Vue>这里是调用的部分</my-Vue>

 Vue.component("myVue", {
       template: '<div>许愿世界上从此没有bug</div>'
    });

3 template （将要渲染的HTML）必须包含在一个标签里面

 参考：https://blog.csdn.net/shaleilei/article/details/79147924

4 先进行全局注册，再创建实例，顺序不要错

这里看一下官方文档

5 检查一下是不是注册完就忘记声明实例了

像这位一样：

https://blog.csdn.net/zhf_running_cola/article/details/81016214

6 首页区域比搜索栏区域低导致部分内容无法显示

参见：https://blog.csdn.net/qq_16687863/article/details/99165250

7 vue1.0和2.0的写法不同

1.0中

new Vue({
  el: '#app',
  components: { App }
});

2.0应该加一行

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
});

参见：https://blog.csdn.net/u011025329/article/details/62490521?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.edu_weight&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.edu_weight