vue之异步组件以及vue-cli无法使用template定义局部组件

使用外部引入整个vue.js

    

      lisi
      zs
      
      
      
      
        
      
    
    
    
  

通常当我们从官网引入vue.js的时候这段代码是可以正常运行的，
但是，当我们在vue-cli的script中在通过这种方式注册组件的时候会报错

报错原因是为什么呢： 主要是因为第一个我们引用的时vue.js文件，运行时也是依赖的vue.js的整个文件，而vue-cli运行时引用的时什么文件呢，从报错中可以看到提示中时从vue.runtime.js中报的错误，所以我们可以看出来，vue-cli引用的文件是vue.runtime.js文件，可以再node_modules中找到此文件。所以这就是报错原因，那么如何在单文件组件中使用局部的自定义组件呢，使用的就是异步组件：
1.创建一个单文件组件名为 my-async-component.vue

//简单定义个单文件组件

2.在另外一个单文件组件中使用路由懒加载方式进行使用