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

我想在一个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最后的功能函数话,总是会提示有未定义,不知到有什么比较好的方法可以解决这个问题?

阅读 49k
7 个回答

.vue 中不解析 script标签引入js文件.
import引入是必须的. 有两种用法:

1.import a from '../a'
2.import '../a'

区别在于第一个你要用到export导出之后 才能用import导入.
第二个是直接引入 和script标签是一样的. 但是它作用在自己的js文件中, 你要是不把它挂载在window中 你是获取不到的.

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

插件

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

  • 添加全局方法或者属性,如: vue-custom-element
  • 添加全局资源:指令/过滤器/过渡等,如 vue-touch
  • 通过全局 mixin 方法添加一些组件选项,如: vue-router
  • 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
  • 一个库,提供自己的 API,同时提供上面提到的一个或多个功能,如 vue-router

补充回答

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

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

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

1、不能这么引入。除非在vue的某个生命周期去creat这个标签插入html;
2、你得保证让这个js文件先于vue加载完。

新手上路,请多包涵

.vue中可以用window对象引用全局资源
不知道还有没有更好的方法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏