// สร้างฟังก์ชันหรือคุณสมบัติที่ต้องการใช้ทั่วแอป
Vue.prototype.$myGlobalMethod = function () {
console.log('This is a global method!')
}
// เรียกใช้ด้วย this
new Vue({
created() {
this.$myGlobalMethod()
}
})
ตัวอย่างการใช้งานใน Vue 3
ใน Vue 3, สามารถใช้ Global Properties ผ่านการใช้ :
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
// เพิ่มฟังก์ชันหรือคุณสมบัติลงใน globalProperties
app.config.globalProperties.$myGlobalMethod = function () {
console.log('This is a global method!')
}
app.mount('#app')
// เรียกใช้ใน Component
export default {
mounted() {
this.$myGlobalMethod()
}
}
นี่คือวิธีการที่สามารถสร้างและใช้งาน Global API ได้ทั้งใน Vue 2 และ Vue 3.
