在Vue里使用$attrs & inheritAttr实现button禁用效果

在vue里使用$attrs & inheritAttr实现button禁用效果，直接上DemO代码。

<template>
 <div>
  <button :disabled="$attrs.disabled">点击</button>
 </div>
</template>
  
<script>
 Export default {
   inheritAttrs: false,
 }
</scrIPt>
  
<style scoped> 
</style>

app.vue

<template>
 <div id="APP">
 <parent></Parent>
 <Button disabled></Button>
 </div>
</template>

JS

<script>
import Parent from './components/Parent'
import Button from './components/Button';
  
export default {
 name: 'app',
 components: {
 Parent,
 Button
 }
}
</script>

CSS

<style>
#App {
 font-family: Avenir, Helvetica, Arial, sans-serif;
 -WEBkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;
}
</style>