注入 plugin

Vue.js 3.0 筆記

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

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

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

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

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

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

後端用這樣也行

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

展開 | 闔起

XOOPS輕鬆架