From 156b6513e3439d8b49c31d6e5277bfb4126e1313 Mon Sep 17 00:00:00 2001
From: 642b59b229c89a1824b83ed8 <642b59b229c89a1824b83ed8@devide>
Date: Sun, 11 Jun 2023 03:32:00 +0000
Subject: [PATCH] Sun Jun 11 03:32:00 UTC 2023 inscode

---
 src/App.vue                |  1 +
 src/components/Article.vue | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index c292f2b..b0bb520 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 f1c965c..a99cded 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(){
-- 
GitLab