您好,登錄后才能下訂單哦!
這篇文章主要講解了Vue基于es6導(dǎo)入外部js文件的方法,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。
也許大家都是使用習(xí)慣了es5的寫法喜歡直接用《Script》標(biāo)簽倒入js文件,但是很是可惜,這寫法。在es6,或則說vue環(huán)境下不支持
真的寫法是怎樣?
首先。我們要改造我們要映入的外部js文件,改成下面這個(gè)格式。主要是紅色方塊內(nèi)部代碼,我們需要將我們的模塊“拋出”,讓人能獲取到
代碼:
function realconsole(){ alert("hello.thanks use me"); } export { realconsole }
其次,到我們的寄主那里,我們需要導(dǎo)入,仿造其他的文件,寫法是這樣的:
代碼:
<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>
注意紅色叉的部分,那是我們es5的寫法,綠色才是正確的
接著是效果圖
看完上述內(nèi)容,是不是對Vue基于es6導(dǎo)入外部js文件的方法有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。