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

data 选项是特例,需要注意 - 在 Vue.extend() 中它必须是函数

1
<div id="mount-point"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 创建构造器
var demo = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data: function () {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
})

// 创建 Profile 实例,并挂载到一个元素上。
new demo().$mount('#mount-point')