6、用vue2.0extend写alert模态框弹窗组件

通过Vue.extend创建组件构造器的方法写弹窗组件

alert.js文件代码

import Vue from 'vue'
// 创建组件构造器
const alertHonor = Vue.extend(require('./alert.vue'));

var currentMsg = {callback:function(){
}}

export default function(options){

    var alertComponent =  new alertHonor({
 el: document.createElement('div')});
    alertComponent.title = options.title;
    alertComponent.ranking = options.ranking;
    // 把alertHonor.vue加入body中
    alertComponent.$appendTo(document.body);

    // 回调函数
    alertComponent.callback = function(action) {
        if (action == 'share') {
            options.share();
        }
    };