日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

在Vue3中使用全局的函數

1、新建1個js文件，包含所需要注冊的函數

//src/assets/func.js
export function http() {
    alert("http")
}

export function https() {
    alert("https")
}

使用export將兩個函數暴露出去

2、注冊到vue3中

//src/main.js
import {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 = func
app.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 /src

import HelloWorld from "@/components/HelloWorld";

export default {
  name: 'HomeView',
  data() {
    return {}
  },
  methods: {
    click1() {
      // 這個位置就是使用剛剛自定義的函數
      this.$func.https()
    }
  },
  components: {HelloWorld},
}
</script>