请问vue中应该如何正确引入js呢?

Question

前端新手，最近在做的一个项目中需要有一个大数据可视化页面，找了一个html静态模板想引入到vue组件中，但是出现以下问题，，我以为是没有在data中声明的关系，于是在data中放了option1，还是报错（期间也以为是生命周期的问题换过created，也是不行），后来试着在mounted中声明，如下也还是不行，想请问大佬这是什么原因呢?

另外说一下我引入外部js的方法,根据大佬的方法，我用
引入外部js，option1是在这个visual.js里的变量，而这个visual内部我用了一个function把所有的东西包起来，在最底下用export的方法将这个function推出，
，问题应该是出在这了，但是还是不太明白是为什么

//download.csdn.net/download/hzz9312/12295898

Answer 1

直接 const xx = require("js路径即可")

注意这里不是默认导出

所以你需要

const vi = require("./visual").visual1

还有要注意，你 visual 里面的变量记得声明，例如
const op1 = {}
const op2 = {}

Answer 2

你确定报错的地方是你截图的地方？？？看看其它地方有没有用option1

Answer 3