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

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

1、创建utils.js文件

utils.js:

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

2、main.js 导入方法和挂载

main.js:

1
2
3
4
5
6
7
8
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')

3、页面使用

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

完成!