vue-extend

Vue.extend()：创建一个Vue的子类，参数和Vue的参数是一样的，返回值为一个子类(好吧，其实JS中并没有类这个概念，至少es6之前是没有的)，准确来说是返回一个构造函数；

看例子

<div id="mount-point"></div>

// 构建子组件var todoItem = Vue.extend({template: `<a href="#">这个是子组件 {
   {data}}</a>`,props: ['data']})// 创建构造器var Profile = Vue.extend({template: `<todo-item data="数据"></todo-item>`,data: function () {return {firstName: 'Walter',lastName: 'White',alias: 'Heisenberg'}},props: ['name'],components: {todoItem: todoItem},created () {console.log(this.name);}});// 创建 Profile 实例，并挂载到一个元素上。new Profile({propsData: {name: 'ccc'}}).$mount('#mount-point');

propsData:传递的参数，和Vue.component()的用法差不多；

不过为啥要用extend，因为它可以直接挂载到元素身上，而不用先 new Vue({el: "#app"});这样，因为在我们的项目中，之前一直没用vue，都是自己写的组件，然后觉得需要用Vue写组件比较方便，但是之前的不好改，需要先写好组件，直接挂载到元素身上，这样就可以方便替换之前的组件了