vue中公共js放在什么地方

在Vue中，公共JS代码可以放置在以下几个地方：

1. Vue实例中的methods属性：可以将公共的JS代码写在Vue实例的methods属性中，通过在组件中调用methods中的方法来实现公共的功能。

2. Vue实例中的computed属性：可以将公共的JS代码写在Vue实例的computed属性中，通过在组件中调用computed属性来获取公共的数据。

3. Vue混入（mixins）：可以将公共的JS代码封装成一个混入对象，然后在多个组件中引入该混入对象，从而实现公共的功能。

// 定义一个混入对象
var commonMixin = {
  methods: {
    // 公共的方法
    commonFunction() {
      // 具体的逻辑
    }
  },
  computed: {
    // 公共的数据
    commonData() {
      // 具体的数据
    }
  }
}

// 在组件中引入混入对象
Vue.component('my-component', {
  mixins: [commonMixin],
  // 其他组件的代码
})

4. 单独的JS文件：可以将公共的JS代码写在一个单独的JS文件中，然后通过在Vue组件中引入该JS文件来使用公共的功能。

// common.js
export function commonFunction() {
  // 具体的逻辑
}

export const commonData = {
  // 具体的数据
}

// MyComponent.vue
<script>
  import { commonFunction, commonData } from './common.js'

  // 在组件中使用公共的功能
  export default {
    methods: {
      handleClick() {
        commonFunction()
      }
    },
    computed: {
      commonData() {
        return commonData
      }
    }
  }
</script>

这些是在Vue中放置公共JS代码的几种常见方法，具体选择哪一种方法取决于你的项目需求和个人偏好。

在Vue.js中，可以将公共的JavaScript代码放在以下几个地方：

1. Vue组件中：在Vue组件中，可以将公共的JavaScript代码写在组件的methods，computed或者created等生命周期钩子函数中。这样，这些代码就会与组件的其他代码一起封装在组件内部，只在该组件内部可用。

2. Vuex中：Vuex是Vue.js的官方状态管理库，用于管理应用程序的所有状态。可以将公共的JavaScript代码放在Vuex的store中，通过store的getter、mutation、action等方法调用和管理。

3. 单独的JavaScript文件：如果公共的JavaScript代码不仅仅是与某个组件或者状态相关，还可能在多个组件中使用，可以将代码放在单独的JavaScript文件中。然后在需要使用该代码的地方，通过import引入。

4. 插件形式：Vue.js拥有很多插件可以扩展其功能。如果公共的JavaScript代码是一个独立的功能模块，可以将其封装为一个插件，然后在Vue应用中进行注册和使用。

5. 全局变量或者全局函数：如果公共的JavaScript代码是一些全局的变量或者函数，可以直接在Vue应用的入口文件或者主组件中定义它们。这样，在应用的任何地方都可以直接访问和使用这些全局变量或者函数。

总结起来，Vue.js中公共的JavaScript代码可以放在组件、Vuex、单独的JavaScript文件、插件中，或者作为全局变量或者函数。选择使用哪种方式取决于代码的复用性和功能性。

在Vue项目中，公共的JS文件可以放在不同的地方，根据实际需求和项目结构的不同，可以选择以下几种常见的方式来组织公共的JS代码。

1. 放在src目录下的assets文件夹中：
   在Vue项目的src目录下，可以创建一个名为assets的文件夹，将公共的JS文件放在这个文件夹中。这种方式适合存放一些全局的工具函数或者常量。

   • 创建assets文件夹：在src目录下新建一个名为assets的文件夹。
   • 将公共的JS文件放入assets文件夹中：将公共的JS文件（如utils.js）放入assets文件夹中。
   • 在需要使用的地方引入公共的JS文件：在需要使用的组件中，使用import语句引入公共的JS文件，并调用其中的方法。

2. 放在src目录下的plugins文件夹中：
   在Vue项目的src目录下，可以创建一个名为plugins的文件夹，将一些需要在项目中全局注册的插件放在这个文件夹中。这种方式适合存放一些需要在每个组件中都能使用的插件。

   • 创建plugins文件夹：在src目录下新建一个名为plugins的文件夹。
   • 将需要全局注册的插件放入plugins文件夹中：将需要全局注册的插件（如vuelidate.js）放入plugins文件夹中。
   • 在main.js中引入并注册插件：在main.js中引入plugins文件夹中的插件，并通过Vue.use()方法将其注册为全局插件。

3. 放在src目录下的utils文件夹中：
   在Vue项目的src目录下，可以创建一个名为utils的文件夹，将公共的JS文件放在这个文件夹中。这种方式适合存放一些工具函数或者封装的API请求方法。

   • 创建utils文件夹：在src目录下新建一个名为utils的文件夹。
   • 将工具函数或API请求方法放入utils文件夹中：将公共的JS文件（如api.js）放入utils文件夹中。
   • 在需要使用的地方引入公共的JS文件：在需要使用的组件中，使用import语句引入utils文件夹中的文件，并调用其中的方法。

使用以上的文件夹结构并将公共的JS文件放入其中，可以方便地管理和维护公共的JS代码，同时也符合Vue的模块化开发思想。根据实际需求和项目的复杂度，可以选择适合自己项目的方式来组织公共的JS代码。