【Web前端问题】在.vue文件中引入.js文件的问题

#【Web前端问题】在.vue文件中引入.js文件的问题| 来源: 网络整理| 查看: 265

【Web前端问题】在.vue文件中引入.js文件的问题H5W32021-04-24 16:26:02

我想在一个vue文件中引入一个完整的js文件。所以我感觉用import应该不大适合，没法一下引入全部的内容。然后我又试了两种方法（不知道有没有这方法）1.在vue文件中引入报错了2.在html文件中引入没报错，但在vue中调用函数时找不到请问有什么方法可以实现呢？求教

我是在做一个地图的小项目，想引入一个测面积的功能，我在网上找了一个实现这功能的js文件在没使用vue的情况下直接在html中就可以直接使用我想在vue中引入，但只export最后的功能函数话，总是会提示有未定义，不知到有什么比较好的方法可以解决这个问题？

回答：

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

1.import a from '../a'

2.import '../a'

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

回答：

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

vuejs.org/v2/guide/plugins.html" rel="nofollow">插件

插件通常会为 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加载完。

回答：

https://www.cnblogs.com/moxia...

回答：

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

以上是【Web前端问题】在.vue文件中引入.js文件的问题的全部内容，来源链接： www.h5w3.com/142128.html

【本文地址】

公司简介

联系我们