Vue自定义组件

1.在component文件夹中创建组件confirm.vue

2.在component文件夹创建index.js

import Confirm from './confirm';
export default {
    install(Vue){
        Vue.component("my-confirm",Confirm)
        // let ConfirmObj = Vue.extend(Confirm)
        // Vue.prototype.$confirm = function(msg, btns){
        //     let ConfirmInit = new ConfirmObj().$mount(document.createElement("div"))
        //     console.log(ConfirmInit)
        //     document.body.appendChild(ConfirmInit.$el)
        //     ConfirmInit.msg = msg
        //     ConfirmInit.btns = btns
        //     console.log(msg, btns)
        // }
    }
}

3.在入口的main.js文件中如下配置：

import Confirm from './component';
Vue.use(Confirm)

4.在需要使用的组件中正常调用

自定义组件