Vue.extend()

vue全局api extend():

使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。

data 选项是特例,需要注意 - 在 Vue.extend() 中它必须是函数
Vue.extend()用以创建没有挂载的的子类,可以使用该子类创建多个实例
例如:

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

// 创建构造器

	var Profile = Vue.extend({
			template: '<p>{{firstName}} {{lastName}}  {{alias}}</p>',
			data: function() {
				return {
					firstName: '什么鬼',
					lastName: '哈哈',
					alias: '问你'
				}
			}
		})

// 创建 Profile 实例,并挂载到一个元素上。

new Profile().$mount('#mount-point')
posted @ 2017-07-26 15:19  jeremyli  阅读(166)  评论(0)    收藏  举报