vue3之全局方法app.config.globalProperties的使用

本文主要记录vue3如何使用app.config.globalProperties定义全局方法！

创建utils.js文件

utils.js：

// 定义goUrl方法
export function goUrl(url) {
	return window.location.href = url;
}

main.js 导入方法和挂载

main.js：

import { createApp } from 'vue'
import App from './App.vue'
// 导入goUrl方法
import {goUrl} from './utils.js'

const app = createApp(App)
app.config.globalProperties.$goUrl = goUrl
app.mount('#app')

页面使用

<template>
	<p @click="$goUrl('https://www.baidu.com/')">跳转百度</p>
</template>

完成！