vue引入自己写的js文件

要在 Vue 中引入自己写的 JavaScript 文件，可以通过以下步骤实现：

1. 在 Vue 项目的 src 目录下创建一个 js 文件夹，用于存放自己写的 JavaScript 文件。
2. 在需要引入 JavaScript 文件的组件中，使用 import 语句引入该文件，例如：

import myScript from '@/js/myScript.js'

其中，@ 表示 src 目录，myScript.js 是自己写的 JavaScript 文件名。

3. 在组件的 methods 中使用自己写的 JavaScript 函数，例如：

methods: {
  myFunction() {
    myScript.myFunction();
  }
}

其中，myFunction() 是自己写的 Vue 方法，在该方法中调用了 myScript.js 文件中的 myFunction() 函数。

需要注意的是，如果自己写的 JavaScript 文件需要使用 Vue 的一些功能，例如 $emit、this.$refs 等，需要在文件中先引入 Vue，例如：

import Vue from 'vue'

这样才能正常使用 Vue 的功能。

相关问题

vue文件引入静态js文件的方法

在Vue项目中，要引入静态的JavaScript文件，我们可以有以下步骤：

1. 在项目的public目录下新建一个js文件夹，用于存放静态的JavaScript文件。

2. 将需要引入的JavaScript文件放在js文件夹中。

3. 在vue文件中通过script标签引入静态的JavaScript文件，可以采用相对路径或绝对路径的方式。

例如，在vue文件中引入位于public/js目录下的test.js文件，代码如下：

<script src="../js/test.js"></script>

如果test.js文件的路径是项目根目录下的/public/js/test.js，则可以这样写：

<script src="/js/test.js"></script>

当然，在Vue项目中也可以通过webpack的方式将静态的JavaScript文件打包到最终的js文件中，这样就不需要单独引入。在webpack配置文件中，配置entry入口时，指定需要打包的静态JavaScript文件即可。

vue如何引入在线js文件

在Vue中引入在线JS文件有以下几种方法：

1. 直接在HTML文件中使用script标签引入在线JS文件，这种方式不需要使用Vue的相关语法，但是需要注意异步加载和加载顺序等问题。

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>

2. 在Vue组件中使用Vue提供的import语法引入在线JS文件，这种方式需要使用ES6的模块化语法，可以更好地管理依赖关系。

import Vue from 'vue'
import axios from 'axios'

Vue.prototype.$axios = axios.create({
  baseURL: 'https://api.example.com'
})

3. 在Vue的index.html文件中使用动态加载的方式引入在线JS文件，这种方式可以避免加载顺序问题，并且可以根据需要动态加载资源。

<script>
  const script = document.createElement('script')
  script.src = 'https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js'
  script.async = true
  document.body.appendChild(script)
</script>