ITPub博客

首页 > IT职业 > IT图书 > extend基础 Vue 构造器

extend基础 Vue 构造器

IT图书 作者:cdfoxman 时间:2021-09-09 10:34:24 0 删除 编辑

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、结果:

图片描述

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/625/viewspace-2823691/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: Java系列之注解
请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    237
  • 访问量
    1740