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