av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue如何基于es6導入外部js文件

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

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

真的寫法是怎樣?

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

Vue如何基于es6導入外部js文件

代碼:

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

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

Vue如何基于es6導入外部js文件

代碼:

<template><div class='teslist'><button @click='methods1'>顯示console</button></div></template><script src='http://m.4tl426be.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導入外部js文件

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

標簽: Vue
相關文章:
主站蜘蛛池模板: 欧美一卡二卡在线 | 一区二区三区国产好 | 国产在线网站 | 日韩成年人视频在线 | 中文字幕一级 | 在线看中文字幕 | 国产精品99久久久久久宅男 | 一区精品国产欧美在线 | 成人一级视频在线观看 | 国产专区视频 | 久久人体视频 | 国产午夜精品久久久 | 皇色视频在线 | 亚洲欧美日韩精品久久亚洲区 | 国产午夜精品一区二区三区四区 | 亚洲中午字幕 | 美女二区| 欧美成视频 | 国产日韩一区二区三免费高清 | 国产一在线观看 | 国产日韩精品一区二区 | 日一区二区 | 午夜影院在线观看版 | 人人操日日干 | 亚洲精品99| 成人久久18免费网站图片 | 91视频88av | 美女操网站| 国产日韩欧美一区 | 中文字幕第一页在线 | 国产精品自拍视频网站 | 中文字幕91| 午夜视频在线免费观看 | www.久久久久久久久久久久 | 国产成人99久久亚洲综合精品 | 亚洲一区欧美 | 综合色在线 | 久久精品视频在线观看 | 日韩在线视频一区 | 久久精品国产v日韩v亚洲 | 久久久久免费观看 |