14-7-1 注入 plugin

1. plugin用法，先在 plugins 下建立一個 js 檔，如：plugins/hello.js

   export default ({ app }, inject) => {
     // 注入 $hello(msg) in Vue, context and store.
     inject('hello', msg => console.log(`Hello ${msg}!`))
   }

   Copy

    

2. 接著修改nuxt.config.js，加入該plugin：

   export default {
     plugins: ['~/plugins/hello.js']
   }

   Copy

    

3. 使用方法，前端用 this.$外掛名稱，後端用$外掛名稱，如：

   export default {
     mounted() {
       this.$hello('我在前端被mounted了')
     },
     asyncData({ app, $hello }) {
       $hello('我在後端被asyncData了')
     }
   }

   Copy

    

4. 後端用這樣也行

   asyncData(context) {
     context.$hello('我在後端被asyncData了')
   },

   Copy