---
tags: Mike課程
---
# 撰寫自己的 Plugins

### ==介紹 Plugins 基本概念==
官網參考位置 : https://nuxtjs.org/docs/directory-structure/plugins/
> 常見的撰寫幾種方式
1. 由你自己撰寫 Plugins 再注入 Nuxt。
2. 將原本寫好的vue，塞入Nuxt中。
3. 將原來寫好的Nuxt包裝後，塞入Nuxt中。

### ==自己撰寫 Plugins==
> 撰寫起手式

export default ({ app }, inject) => {
  inject("Event Name", {});
};

* 在Plugins 底下建立一個demo.js檔案、並取一個名稱EventText

export default ({ app }, inject) => {
  inject("EventText", {
    log(val) {
      console.log("EventText=>", val);
    },
  });
};

* 在nuxt.config.js註冊一個 在Plugins路徑

  plugins: [
    "~/plugins/demo.js"
  ],

* 在mounted中加入函式指向自己

 mounted() {
    console.log(this);
  },

> log中就會有 EventText 方式存在

* 這時也可以透過自定義的$EventText的方式來運用

 this.$EventText.log("今天好天氣");

### ==asyncData 調用==
* 因為asyncData是server環境、沒有自己的this在調用上用法會不同

 asyncData(context) {
    context.$EventText.log("asyncData調用");
  },