Vue 3是一款流行的前端框架，它幫助開發人員構建現代Web應用程序。最近，Vue 3發布了一個有趣的新功能，允許開發人員在外部腳本中使用Vue組件。

這意味著，您可以編寫一個Vue組件，并將其導出到外部腳本。然后，您可以在需要使用該組件的任何頁面中導入該組件。

// my-button.js
import { defineComponent } from 'vue'
export default defineComponent({
name: 'MyButton',
template: ``,
})

如您所見，上面的腳本導出了一個名為MyButton的組件。現在，我們可以在需要使用該組件的頁面中導入它。

// App.vue

在上面的代碼中，我們從my-button.js文件導入了MyButton組件。然后，我們在App.vue組件中使用它。

這個新功能不僅簡化了Vue應用程序的開發，還使代碼更易于維護和測試。因為您可以將組件拆分為單獨的文件，并在需要使用它的任何地方重復使用它。

Vue 3的外部腳本功能是一個強大的新功能，值得嘗試使用。無論您是Vue開發人員還是其他前端框架的開發人員，都可以從中受益。