亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術(shù)文章
文章詳情頁

Vue如何基于es6導(dǎo)入外部js文件

瀏覽:8日期:2023-01-20 17:47:02

也許大家都是使用習(xí)慣了es5的寫法喜歡直接用《Script》標簽倒入js文件,但是很是可惜,這寫法。在es6,或則說vue環(huán)境下不支持

真的寫法是怎樣?

首先。我們要改造我們要映入的外部js文件,改成下面這個格式。主要是紅色方塊內(nèi)部代碼,我們需要將我們的模塊“拋出”,讓人能獲取到

Vue如何基于es6導(dǎo)入外部js文件

代碼:

function realconsole(){alert('hello.thanks use me');}export {realconsole}

其次,到我們的寄主那里,我們需要導(dǎo)入,仿造其他的文件,寫法是這樣的:

Vue如何基于es6導(dǎo)入外部js文件

代碼:

<template><div class='teslist'><button @click='methods1'>顯示console</button></div></template><script src='http://www.aoyou183.cn/lib/myconsole.js'></script><script>import { realconsole } from ’../../lib/myconsole.js’export default {methods:{methods1:function(){realconsole();}}}</script><style>.teslist {}</style>

注意紅色叉的部分,那是我們es5的寫法,綠色才是正確的

接著是效果圖

Vue如何基于es6導(dǎo)入外部js文件

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 久久99中文字幕伊人 | 手机看片国产在线 | 成人精品视频网站 | 欧美成人禁片在线观看网址 | 亚洲合集综合久久性色 | 大学生一级毛片免费看真人 | 美女吊黑视频在线观看 | 男女激情视频国产免费观看 | 嫩草成人国产精品 | 在线免费你懂的 | 国产换爱交换乱理伦片 | 日韩在线 在线播放 | 九九九精品在线观看 | 日韩欧美在线观看视频 | 麻豆精品国产剧情在线观看 | 国内精品视频一区二区八戒 | 亚洲一区色 | 在线观看国产欧美 | 视频免费网站 | 婷婷丁香六月 | 亚洲一二区 | 国产成人深夜福利短视频99 | 麻豆igao在线视频 | 欧美一区二区在线观看视频 | 欧美一级性生活视频 | 日韩黄色网 | 久久免费精品视频在线观看 | 国产一区免费在线观看 | 日本乱中文字幕系列 | 久久精品视频5 | 国产一区二区日韩欧美在线 | 亚洲精品成人7777在线观看 | 全部毛片免费看 | 亚洲成人国产 | 800玖玖爱在线观看香蕉 | 亚洲精品国产美女在线观看 | 国产大尺度吃奶无遮无挡网 | 国产精品xxx | 在线你懂的 | 日本色网址 | 国产在线观看高清精品 |