Vue.js 项目中二次封装一个按钮组件

 1<template>
 2  <a-button
 3    icon="sync"
 4    title="刷新"
 5    v-bind="$attrs"
 6    v-on="$listeners"
 7  />
 8</template>
 9
10<script>
11/**
12 * 和 a-button 外观、行为完全一致
13 * 区别是预设 icon 和 title 属性
14 */
15export default {
16  inheritAttrs: false,
17}
18</script>

 1<template>
 2  <a-button
 3    icon="sync"
 4    title="刷新"
 5    v-bind="$attrs"
 6  />
 7</template>
 8
 9<script>
10/**
11 * 和 a-button 外观、行为完全一致
12 * 区别是预设 icon 和 title 属性
13 */
14export default {
15  inheritAttrs: false,
16}
17</script>