vue.js怎么引入外部js文件?下面本篇文章给大家介绍一下vue组件内部引入外部js文件的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
vue组件内部引入外部js文件的方法
之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。
第一种操作 Dom引入js:export default {
mounted() {
const s = document.createElement(script);
s.type = ext/javascript;
s.src = 你的需要的js文件地址;
document.body.appendChild(s);
},
}
第二种使用 createElement 方法:export default {
components: {
emote-js: {
render(createElement) {
return createElement(
script,
{
attrs: {
type: ext/javascript,
src: 你的需要的js文件地址,
},
},