构造器

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

vue笔记
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。