:::

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}!`))
    }
    

     

  2. 接著修改nuxt.config.js,加入該plugin:
    export default {
      plugins: ['~/plugins/hello.js']
    }
    

     

  3. 使用方法,前端用 this.$外掛名稱,後端用$外掛名稱,如:
    export default {
      mounted() {
        this.$hello('我在前端被mounted了')
      },
      asyncData({ app, $hello }) {
        $hello('我在後端被asyncData了')
      }
    }
    

     

  4. 後端用這樣也行
    asyncData(context) {
      context.$hello('我在後端被asyncData了')
    },

     


:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D33%26tbdsn%3D1880

計數器

今天: 2767276727672767
昨天: 3755375537553755
總計: 4458606445860644586064458606445860644586064458606