vue 自定义js直接使用main.js中的对象

在Vue中，可以通过在main.js中创建一个对象或者引入一个JavaScript文件，并将其挂载到Vue实例上，然后在其他组件中直接使用该对象。

首先，在main.js中创建一个对象：

// main.js
import Vue from 'vue'
import App from './App.vue'

// 创建一个自定义对象
const myObject = {
  // 这里可以定义一些属性和方法
  // ...
}

// 挂载到Vue实例上
Vue.prototype.$myObject = myObject

new Vue({
  render: h => h(App),
}).$mount('#app')

然后，在其他组件中可以直接使用该对象：

<template>
  <div>
    <button @click="handleClick">点击按钮</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 直接使用main.js中的自定义对象
      this.$myObject.someMethod()
      // ...
    }
  }
}
</script>

这样就可以在其他组件中直接通过this.$myObject来访问和调用main.js中定义的对象和方法了。注意，为了避免命名冲突，建议在使用自定义对象时给它一个具有一定唯一性的名字。