在.vue文件中引入.js文件的问题

Question

我想在一个vue文件中引入一个完整的js文件。所以我感觉用import应该不大适合，没法一下引入全部的内容。然后我又试了两种方法（不知道有没有这方法）1.在vue文件中<script src="" type="text/javascript"></script>引入报错了2.在html文件中<script src="" type="text/javascript"></script>引入没报错，但在vue中调用函数时找不到请问有什么方法可以实现呢？求教我是在做一个地图的小项目，想引入一个测面积的功能，我在网上找了一个实现这功能的js文件在没使用vue的情况下直接在html中<script src="./GeoUtils.js" type="text/javascript"></script><script type="text/javascript" src="./AreaTool_min.js"></script>就可以直接使用我想在vue中引入，但只export最后的功能函数话，总是会提示有未定义，不知到有什么比较好的方法可以解决这个问题？

Answer 1

.vue 中不解析 script标签引入js文件. 

import引入是必须的. 有两种用法:

1.import a from '../a'

2.import '../a'

区别在于第一个你要用到export导出之后 才能用import导入.

第二个是直接引入 和script标签是一样的. 但是它作用在自己的js文件中, 你要是不把它挂载在window中 你是获取不到的.

Answer 2

谁说vue没法一下引入全部的内容的？麻烦好好看看官方文档

插件

插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种：

• 添加全局方法或者属性，如: vue-custom-element

• 添加全局资源：指令/过滤器/过渡等，如 vue-touch

• 通过全局 mixin 方法添加一些组件选项，如: vue-router

• 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。

• 一个库，提供自己的 API，同时提供上面提到的一个或多个功能，如 vue-router

补充回答

不是所有插件都完全适合用在vue项目中，很多非vue标准的插件你可能需要自己改造的

Answer 3

为什么import不合适呢？既然是vue的单文件方式，最好还是组件化的开发方式呢，话说你要引入的js是些什么东西呢？

Answer 4

那得看你的js文件按什么模块规范编写的，如果方法不是挂载在window下，你肯定是调用不了的