在原生JavaScript环境中可以直接使用d3.v5.min.js和locuszoom.app.min.js，但在Vue项目中引用这两个库会导致各种错误。作者尝试了多种引入方法并失败，最终通过vue-meta插件在<head>中引入文件成功。学习到的一个关键点是，使用src引用的路径需指向public文件夹下的资源。
前言，自己记录。随便写写，之后有时间完善。
在原生js中，直接引用d3.v5.min.js和locuszoom.app.min.js会可以正常执行。window原型上会出现d3和locuszoom。
但是在vue中不管怎么引用都会报错，包括但不限于如下方法：
每种方法都有报错，且稀奇古怪各不相同。具体报错之后有机会完善。
之后，受到Quasar Meta插件的启发。想到了利用vue-meta插件在头部，即<head>进行引入。
安装vue-meta插件后写法如下
此方法成功引入了两个js文件。window原型上出现了d3和locuszoom。
同时学到了一个小的知识点，使用src解析路径。只能写在public文件夹下。不然找不到文件，会默认放index.html
扫一扫
3774
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
