vue常用创建组件几种方式总结

最近一周需要使用vue开发一个谷歌扩展插件，但是又不能在vue-cli脚手架中开发，所以只能单独引入vue.js整个包进行脚本植入开发。引入vue.js就代表着不能用import、require之类的引入单文件组件文件，只能在文件中开发，或者多个js文件分先后顺序植入开发，然后就出现了一个尴尬的问题就是，忘记了最原本的其他组件创建的方式，所以记录回顾下：

1. 全局注册组件：

2. 局部注册组件

3. 使用x-template引入模板

4. render函数注册组件（ 类似于虚拟DOM的实现 ）

5. jsx注册组件

其他组件相关知识点总结：

1. Vue.extend

概述：Vue.extend返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器，它常常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂在到自定义元素上

2. Vue.extend 和 Vue.component的区别和联系

extend 是构造一个组件的语法器. 
你给它参数 他给你一个组件 然后这个组件

你可以作用到Vue.component 这个全局注册方法里， 也可以在任意vue模板里使用car组件

var car = Vue.extend({ 
    //…. 
 }) 
 Vue.component('car',car)

你可以作用到vue实例或者某个组件中的components属性中并在内部使用car组件

new Vue({ 
      components:{ 
        car:car 
      } 
   })

Vue.component 你可以创建 ，也可以取组件 例如下

var car = Vue.component('car')