diff --git a/src/App.vue b/src/App.vue
index c292f2b97ed097ccac8e4cdbaddf7919efd15371..b0bb520042d55ec127e20919962452b8f4784103 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,6 +36,7 @@ import Left from './components/Left.vue'
 import Article from './components/Article.vue';
 
 export default {
+  
 
   components: {
     Left,
diff --git a/src/components/Article.vue b/src/components/Article.vue
index f1c965cd3476c0ea00397e84b26bec8e65321af8..a99cdedbb1cb2c24e9ed623272d635a0b6a9bcdf 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="article-container">
-      <h3>Article 组件</h3>
+      <h3 v-color>Article 组件</h3>
       <!-- 文章的标题 -->
       <div class="header-box">
         <slot name="title"></slot>
@@ -21,6 +21,15 @@
   
   <script>
   export default {
+    directives:{
+      color:{
+        bind(el){
+          console.log('触发了自定义指令 v-color 的 color 函数');
+          el.style.color='red';
+        }
+      }
+  },
+
     // 首字母要大写
     name: 'Article',
     data(){