iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
Modern Web

全端成長之旅系列 第 8

Day.8 Vue3 介紹 Part 3

這篇主要給 Plugin 開發者 ~

由於特定的全域 API 已經變成開放 APIs,因此如果插件有使用到化也要做相對應的修改:

// before v3
const plugin = {
  install: Vue => {
    Vue.nextTick(() => {
      // ...
    })
  }
}

// after v3
import { nextTick } from 'vue'

const plugin = {
  install: app => {
    nextTick(() => {
      // ...
    })
  }
}

但這麼做會使打包將整個 vue 給包進去!因此請記得告訴打包工具排除 vue:

Webpack

// webpack.config.js
module.exports = {
  /*...*/
  externals: {
    vue: 'Vue'
  }
}

Rollup

// rollup.config.js
export default {
  /*...*/
  external: ['vue']
}

上一篇
Day.7 Vue3 介紹 Part 2
下一篇
Day.9 Vue3 介紹 Part 4
系列文
全端成長之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言