From 9411e84e58ec82622bf26a9eccb611540400aab4 Mon Sep 17 00:00:00 2001
From: npmrun <kk1549469775@gmail.com>
Date: Thu, 25 Mar 2021 01:13:15 +0800
Subject: [PATCH] add

---
 README.MD               |  5 ++++-
 src/api/index.js        |  8 +++++++-
 src/main.js             |  8 ++++++++
 src/pages/Demo/Demo.vue | 20 +++++++++++++++++++-
 4 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/README.MD b/README.MD
index 302c329..7743552 100644
--- a/README.MD
+++ b/README.MD
@@ -1 +1,4 @@
-vue3 项目，主要用于展示VUE3的各种DEMO
\ No newline at end of file
+vue3 项目，主要用于展示VUE3的各种DEMO
+
+
+> https://vue3js.cn/docs/zh/api/composition-api.html#setup
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index 4d96c95..2a43b3a 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,8 +1,14 @@
 import {onMounted,ref} from "vue"
 import {request_} from "./request";
 
-export default {
+const fuck = {
+    install(app){
+        app.provide("$http",fuck)
+        // app.config.globalProperties.$http = fuck;
+    },
     bannerData: (data)=>request_("GET",'https://gank.io/api/v2/banners',data),
     articleData: (data)=>request_("GET",'https://gank.io/api/v2/data/category/GanHuo/type/frontend/page/1/count/10',data),
     articleDetail: (data)=>request_("GET",'https://gank.io/api/v2/post/'+data)
 }
+
+export default fuck
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 23be5c0..0db5a4f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,13 +1,21 @@
 import {createApp} from 'vue'
 import router from "./router/index"
 import App from './App.vue'
+import api from "./api/index"
 import Header from "@/components/Header.vue"
 import Image from "@/components/Image.vue"
 import Mobile from "@/components/Mobile.vue"
 
 const app = createApp(App);
 app.use(router);
+app.use(api)
+
+app.config.globalProperties.name = 'xianyu'
+
 app.mount('#app')
 app.component("Header",Header)
 app.component("Image",Image)
 app.component("Mobile",Mobile)
+
+
+
diff --git a/src/pages/Demo/Demo.vue b/src/pages/Demo/Demo.vue
index e92b118..3547fa7 100644
--- a/src/pages/Demo/Demo.vue
+++ b/src/pages/Demo/Demo.vue
@@ -2,4 +2,22 @@
   <Mobile>
     <router-view></router-view>
   </Mobile>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+import { getCurrentInstance,inject, onMounted } from "vue";
+export default {
+  setup(props,context) {
+    console.log(context);
+    // 上面这个context不包含全局变量，应该就是提供一些内置接口用的
+    // 执行 setup 时，组件实例尚未被创建
+    const $http = inject('$http')
+    console.log($http);
+    const {ctx} = getCurrentInstance()
+    console.log(ctx);
+    onMounted(() => {
+      console.log("ctx", ctx.name); // xianyu
+    });
+  },
+};
+</script>
\ No newline at end of file