vue怎么導(dǎo)入自己寫的js文件？
2 回答
汪汪一只貓
TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊
1. 首先我們要改變我們要映入的外部js文件，改成以下這個(gè)格式。
代碼：<pre class="html">function realconsole(){ alert("hello.thanks use me"); } export { realconsole } </pre>
2. 到我們的寄主那里，我們需要導(dǎo)入仿造的文件，方法是這樣的：
代碼：<pre class="html"><template> <div class="teslist"> <button @click="methods1">顯示console</button> </div> </template> <script src="../../lib/myconsole.js"></script> <script> import { realconsole } from '../../lib/myconsole.js' export default { methods:{methods1:function(){ realconsole(); } }} </script> <style> .teslist { } </style></pre>
注意紅色叉的部分，那是我們es5的寫法，綠色才是正確的，下面是效果圖
慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
vue-loader么如果是vue-loader可以通過(guò)require來(lái)引入就可以比如Js文件寫到assets/js中在main.js中可以require('./src/assets/xxx.js')如果只是單頁(yè)面html,可以直接引入就行了
添加回答
舉報(bào)
0/150
提交
取消