每当我们需要修改的时候,只需维护那一个功能性组件即可,不需要这个功能了,只需要从页面中删除这个组件的引用即可。
1.先封装好按钮组件,这个是要设置为全局组件的组件,话不多说,代码如下
<template>
<el-button :type="btntype" :size="size" :disabled="disabled" :class="className"
:round="round" :plain="plain" :circle="circle" :autofocus="autofocus"
:icon="iconName" :native-type="nativeType" :loading="loading" @click="handleClick">
<!-- 插槽,外部数据插入-->
<slot></slot>
</el-button>
</template>
<script>
export default {
name: 'button',
// 接受父组件的值
props: {
btntype: { // type类型string_primary / success / warning / danger / info / text
type: String,
default: ''
},
// title: { // 按钮Name
// type: String,
// default: ''
//