在Vue3中使用全局的函数
1、新建1个js文件，包含所需要注册的函数
//src/assets/func.jsexport function http() {alert("http")}export function https() {alert("https")}使用export将两个函数暴露出去
2、注册到vue3中
//src/main.jsimport {createApp} from 'vue'import App from './App.vue'import router from './router'import store from './store'// 第一步：这个位置就是引入js文件import * as func from '@/assets/func'let app = createApp(App)// 第二步：在app中全局注册方法，其中$func就是调用的方法名app.config.globalProperties.$func = funcapp.use(store)app.use(router)app.mount('#app')3、在vue文件中使用
//src/views/HomeView.vue<template><div class="home"><h1>HomeView.vue </h1></div><HelloWorld msg="hello vue"></HelloWorld><button @click="click1">func</button>// 也可以这样使用刚刚定义的函数<button @click="$func.https()">func</button></template><script>// @ is an alias to /srcimport HelloWorld from "@/components/HelloWorld";export default {name: 'HomeView',data() {return {}},methods: {click1() {// 这个位置就是使用刚刚自定义的函数this.$func.https()}},components: {HelloWorld},}</script>
【在Vue3中使用全局的函数】
推荐阅读
- Vue3 PC端页面开发规范
- 小米电视安装 kodi，在线看 IPTV 直播
- SQL 经典面试题 - 行列转换
- 如何在Mac电脑上检查SSD的健康状况
- 西装|学生成“赚钱工具”，学校职责何在？我终于理解了家长的坚持
- 如何在高压锅里煮排骨
- 新加坡订哪家酒店比较好
- 大树红茶存放,红霸天下红茶
- 手绘墙在家居装饰中有什么优势
- 推荐四把电动剃须刀使用