extend基础 Vue 构造器

1、在Vue页面中创建一个构造器：

// 创建构造器
var Profile = Vue.extend(
    {  
        template: '<p style="color: red">{{firstName}} {{lastName}} aka {{alias}}</p>',  
        data: function () {    
            return {      
                firstName: 'Walter',      
                lastName: 'White',      
                alias: 'Heisenberg'
            }
         }
});

2、创建一个 Profile 实例，并挂载到名为mount-point的div元素上。

new Profile().$mount('#mount-point'

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

3、结果：