构造器

vue是一个构造函数。 var vm = new Vue({}) 注意:Vue V大写 在vue文档中vm表示vue实例

var MyComponent = vue.extend({ })//扩展选项

var myComponentInstance = new MyComponent()
//所有的 MyComponent实例都将以预定义的扩展选项被创建

vue组件构造分为三个步骤,具体看例子:

<div id="pen"> 
  <mycomponent></mycomponent>
</div>
//1.创建一个组件构造器
//template是创建一个字符串模板
var myComponent = Vue.extend({
    template: '<p>helloworld</p>',   
});
 //注册组件,指定HTML标签为mycomponent
 Vue.component('mycomponent', myComponent);
 //渲染
 new Vue({
 el:'#pen'
 })

输出结果为 hello world

JSRUN notes