vue-组件2:插件定义和使用

1.先定义一个组件

<template>
    <div v-show="isShow">
        <el-button type="primery" @click="clickMe">点我</el-button>
        <el-button type="primery" @click="clickMe">点我</el-button>
    </div>
</template>
<script>
    export default {    
        //这个name必须有
        name:"v-pluginAlertName",
        props : {
            isShow : {default : false}
        },
        data(){
            return{data:"aa"}
        },
        methods:{
            clickMe(){
                alert(123);
            }
        },
        created(){}
    }
</script>
<style lang="scss" scoped></style>

2 写一个文件夹引入

import pluginAlert from '../components/plugin.vue';
var myPlugin = {};
myPlugin.install=function(Vue,options){
    Vue.component(pluginAlert.name,pluginAlert);
    //这里定义全局变量可以其他地方访问用this.number，
    //但是因为没有定义在data中，所以不会有双向绑定，不是响应式数据
    Vue.prototype.$number = 12;
    console.log(options)//可以传递参数
}
export default myPlugin

3.页面使用