vueimportjs路径

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

比如说我在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'，然后每个路内由都运行起来容了

⑵ 如何在.vue文件中引入外部js

Vue 的 createElement 方法，简单的封装一个组件解决问题。

解决方法
第一版代码（直接在操作 Dom ）如下：
export default {
mounted() {
const s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js';
document.body.appendChild(s);
},
}
使用 createElement 方法：
export default {
components: {
'dingtalk': {
render(createElement) {
return createElement(
'script',
{
attrs: {
type: 'text/javascript',
src: 'https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js',
},
},
);
},
},
},
}
// 使用在页面中调用
终极方案
通过封装一个组件 remote-js 实现：
export default {
components: {
'remote-js': {
render(createElement) {
return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
},
props: {
src: { type: String, required: true },
},
},
},
}
使用方法：
<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js">remote-js>

⑶ vue怎么导入自己写的js文件

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

⑷ vue该怎么引入js文件啊 从index.html直接引入会报404

import XXX from .js地址.
js 中 export 导出

⑸ vue文件里面怎么引用外部的js文件

• 步骤：

1. 首先抄。我们要改袭造我们要映入的外部js文件，改成下面这个格式。主要是红色方块内部代码，我们需要将我们的模块“抛出”，让人能获取到以下及相应代码：