请教如何在vue中引入自己写的js文件

JavaScript09

请教如何在vue中引入自己写的js文件,第1张

比如说我在src/util下面有一个rem.js的文件,写成自执行函数

(function(doc, win) {

var docEl = doc.documentElement,

resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

recalc = function() {

var clientWidth = docEl.clientWidth

if (!clientWidth) return

docEl.style.fontSize = (clientWidth / 12) + 'px'

}

if (!doc.addEventListener) return

win.addEventListener(resizeEvt, recalc, false)

doc.addEventListener('DOMContentLoaded', recalc, false)})(document, window)然后在main.js中引用import './util/rem',然后每个路由都运行起来了

1. 首先我们要改变我们要映入的外部js文件,改成以下这个格式。

代码:<pre class="html">function realconsole(){ alert("hello.thanks use me")} export { realconsole } </pre>

2. 到我们的寄主那里,我们需要导入仿造的文件,方法是这样的:

代码:<pre class="html">&lttemplate&gt&ltdiv class="teslist"&gt&ltbutton @click="methods1"&gt显示console&lt/button&gt&lt/div&gt&lt/template&gt&ltscript src="../../lib/myconsole.js"&gt&lt/script&gt&ltscript&gtimport { realconsole } from '../../lib/myconsole.js' export default { methods:{methods1:function(){ realconsole()} }} &lt/script&gt&ltstyle&gt.teslist { } &lt/style&gt</pre>

注意红色叉的部分,那是我们es5的写法,绿色才是正确的,下面是效果图

script1.onload要在页面加载js之前写

···

const centerRotationAd = document.getElementById("centerRotationAd")

···