Uncaught ReferenceError: Vue is not defined解决方案

在进行组件的使用时发现
Uncaught ReferenceError: Vue is not defined
报了这样的错误
经过多方对比后发现 注册组件时应书写

 Vue.component('mycpn3',{
        template:`<div>
        <h2>我是语法糖</h2>
    </div>`   
    })
1
2
3
4
5

其中Vue第一个V是大写，我写成了小写，则报错

当然 没有正确引入vue.js文件或在使用vue之前未引用文件也会报这样的错

PS:在组件模块的分离时，模板内的标签只能被一个标签所包含

<script type="text/x-template" id="cpn"> 
    <div>
        1w23
        <span>37177</span>
    </div>
    </script>
1
2
3
4
5
6

这样写是正确的

    <script type="text/x-template" id="cpn"> 
        <!-- 便于书写样式 -->
    <div>
        1w23
      
    </div>
    <span>37177</span>
    </script>
1
2
3
4
5
6
7
8

这样写则会报

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

这样的错