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

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

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

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

已解决 悬赏分:30 - 解决时间 2021-12-02 14:01
反对 0举报 0 收藏 0

回答3

最佳
  • @

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

    注意这里不是默认导出
    image.png
    所以你需要

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

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

    支持 0 反对 0 举报
    2021-12-02 10:37
  • @

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

    支持 0 反对 0 举报
    2021-12-02 11:30
  • @

    微信图片_20200402113300.png微信图片_20200402113235.png

    支持 0 反对 0 举报
    2021-12-02 12:34