vue引用非cmdjs文件

㈠ vue引用public中的js文件

由於一些演示，需要對編碼名稱等可快速進行修改，需要頁面方便配置。由於build後的vue項目基本已經看不出原樣，因此需要創建一個文件，並在打包的時候不會進行編譯。

例如config.js定義了一個變數叫config，並在index.html頁面引入後，那麼在頁面任何一處地方都可以直接使用。
config.js：

index.html：

頁面使用：

在開發環境中，我在public下創建了config.js文件，並且用export default方法進行導出。在頁面使用的地方使用import config from XXX進入引入。開發過程中，沒有出問題，但是在打包發布以後，發現修改config文件並不生效。

經過排查才意識到：不打包編譯的js文件不識別es6語法，並且不應該使用import方法進行引入，應該按照原生的js文件進行使用。

原文地址： https://www.cnblogs.com/luoxuemei/p/11926472.html

㈡ 如何在.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-cli引入外部js資源文件失敗的一點思路

首先申明我是window系統下Vue-cli 4.5.3版本，腳手架整體基於vue2內核。

1.正常js文件如果有使用export向外暴露對象，將js放在src/assets都是可以通過import直接引入。但有有些情況下我們需要導入第三方的js文件，例如近期我在做的阿里雲點播視頻上傳SDK，包括最近在學習的ThreeJs，如果單單只是在public中index.html通過<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入，是不夠的攜擾還需要在具體vue頁面引入：辯悶旦

這也是我嘗試兩天才成功，走了些彎路，希望幫助到有同樣問題的打工人，共勉罩宴!

㈤ 請教如何在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文件

1. 首先我們要改變復我們要映入的外部制js文件，改成以下這個格式。