国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【Vue2】引入本地原生JS文件

這篇具有很好參考價值的文章主要介紹了【Vue2】引入本地原生JS文件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

引入本地原生JS文件

日常開發(fā)的時候,第一個想法肯定是找現(xiàn)有的插件進行開發(fā),在項目中npm install xxx 插件即可。但是也有無法使用的插件的情況,就需要我們引用我們本地的原生js。

自己寫的文件或者別人的插件都可以通過下面的方式修改成vue能夠識別的js。

字符操作文件 utils/str.js

function reverseString(str) {
    return str.reverse(); 
}

?在函數(shù)function 前面添加 export。

export function reverseString(str) {
    return str.reverse(); 
}

?index.vue文章來源地址http://www.zghlxwxcb.cn/news/detail-567910.html

import { reverseString } form '@/utils/str.js
created() {
  var str = reverseString('1234');
  console.log(str)
}

到了這里,關(guān)于【Vue2】引入本地原生JS文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • Vue 組件中如何引入外部的js文件

    在Vue中,通常我們引入一個js插件都是使用 npm ?方式下載然后 import 使用的。但是我現(xiàn)在本地有了js文件或者是一個遠程js文件鏈接,我不想使用 npm install xxx ?的方式,有什么辦法嗎? 簡單粗暴,直接在Vue項目的 index.html ?中使用全局的方式引入,比如: 缺點: 不使用該js插

    2024年02月08日
    瀏覽(33)
  • 【Three.js】vue2導(dǎo)入pcd文件 PCDLoader

    【Three.js】vue2導(dǎo)入pcd文件 PCDLoader

    a. TypeError: Cannot read properties of null (reading \\\'1\\\') ? ? at parseHeader (PCDLoader.js?edd4:119:1) ? ? at PCDLoader.parse (PCDLoader.js?edd4:226:1) ? ? at Object.eval [as onLoad] (PCDLoader.js?edd4:34:1) ? ? at XMLHttpRequest.eval (three.module.js?5a89:34770:1) b. GET http://localhost:8080/public/Zaghetto 404 (Not Found) 兩者本質(zhì)同個問題,

    2024年02月08日
    瀏覽(21)
  • Vue 組件中如何引入外部的js文件 的10種方法

    在Vue組件的 script 標簽中使用 import 語句引入外部的JavaScript文件,適用于單個組件需要使用外部JavaScript文件的情況。這種方法可以在編譯時靜態(tài)地引入外部文件,并且可以通過 import 語句的路徑指定具體的文件位置。 在Vue組件的 script 標簽中使用 require 方法引入外部的JavaScr

    2024年02月10日
    瀏覽(30)
  • Vue 2和Vue 3路由Router創(chuàng)建的區(qū)別簡記(在main.js文件中引入的區(qū)別和router的js文件中創(chuàng)建語法的區(qū)別)

    Vue 2和Vue 3路由Router創(chuàng)建的區(qū)別簡記(在main.js文件中引入的區(qū)別和router的js文件中創(chuàng)建語法的區(qū)別)

    1、版本的搭配: Vue 2到Vue 3的改版升級,同樣的帶來Vue Router的升級。創(chuàng)建Vue項目之后,我們可以在package.json文件中看到,Vue 2創(chuàng)建的項目往往是與Vue Router 3.X版本搭配的,而Vue 3創(chuàng)建的項目與Vue Router 4.X版本搭配。 Vue 3搭配Vue Router 4.X版本: Vue 2搭配Vue Router3.X版本: 2、在main

    2024年02月08日
    瀏覽(87)
  • Uni App + Vue3 引入高德小程序插件Js文件失敗

    Uni App + Vue3 引入高德小程序插件Js文件失敗

    ? 使用uni app模板開發(fā)微信小程序過程中引入高德地圖小程序插件失敗, 由于本人是第一次使用vue開發(fā)對vue2和3的模塊引入方式并不甚了解,官方文檔也并未提及所以踩了坑,特記錄一下, 先看代碼: 根據(jù)官方文檔這里引入js插件后即可在onload函數(shù)實例化一個AMapWX對象 這里實

    2024年02月10日
    瀏覽(90)
  • vue3+ts import引入第三方j(luò)s文件報錯解決方法

    vue3+ts import引入第三方j(luò)s文件報錯解決方法

    報錯原因 :執(zhí)行 import XXX from ‘XXX.js’ 報錯,The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模塊化標準,不能按需導(dǎo)入 解決方案 : 第一種方法 : 在index.html里利用script全局引入 第二種方法 : 在所需的.vue文件里單獨引入,最后在hea

    2024年02月16日
    瀏覽(90)
  • vue3+vite在main.ts或者main.js文件中引入/App.vue報錯(/App.vue不是模塊)

    vue3+vite在main.ts或者main.js文件中引入/App.vue報錯(/App.vue不是模塊)

    vue3報錯提示 找不到模塊“/App.vue”或其相應(yīng)的類型聲明 在使用 vue3?vite?ts 或者 js 搭建前端框架時,在 main.ts 或者 main.js 中引入 /App.vue 報錯。報錯內(nèi)容為 /App.vue不是模塊 。下面我們分 vue3+js 和 vue3+ts 兩種情況討論,給出相應(yīng)的解決方案。 報錯顯示 : 報錯原因 :javascrip

    2024年01月25日
    瀏覽(94)
  • uniapp(vue3) - 微信小程序平臺使用import引入外部js文件出現(xiàn)undefined,正常引入js文件(sdk插件)文件路徑正確但console.log控制臺打印時卻是undefined

    uniapp(vue3) - 微信小程序平臺使用import引入外部js文件出現(xiàn)undefined,正常引入js文件(sdk插件)文件路徑正確但console.log控制臺打印時卻是undefined

    注:uniapp 小程序平臺! 在使用 uniapp 微信小程序端導(dǎo)入 SDK 的過程中,您可能會遇到這樣的情況: 使用 console.log() 打印導(dǎo)入的模塊名稱時,實際輸出的名稱并不是您期望的名稱。這是因為 uniapp 進行了編譯和打包處理后,會將代碼重新命名以減小文件大小和提高執(zhí)行效率,包

    2024年02月10日
    瀏覽(98)
  • vue項目中,動態(tài)src引入圖片,并且js根據(jù)文件名后綴,判斷文件圖片、視頻、文檔、pdf等類型的方法

    vue根據(jù)文件地址,獲取后綴,根據(jù)后綴判斷類型,然后根據(jù)類型動態(tài)展示不同類型的照片 1、處理后綴,根據(jù)后綴判斷類型? ?2、根據(jù)返回的結(jié)果,直接將文件名命名為返回的結(jié)果,比如我有個圖片類型的文件,經(jīng)過上述的方法,返回的是image,那我直接要顯示的圖片名稱就為

    2024年02月06日
    瀏覽(81)
  • vue+pdf.js預(yù)覽本地pdf文件(可以復(fù)制文本,滾動頁碼展示)

    vue+pdf.js預(yù)覽本地pdf文件(可以復(fù)制文本,滾動頁碼展示)

    1、安裝pdfjs-dist插件,推薦使用2.0.943這個版本 2、頁面中引入使用 3、頁面標簽 3、解析pdf,獲取pdf所有頁數(shù)據(jù),使用canvas渲染,并使用TextLayerBuilder創(chuàng)建文本層,可以復(fù)制文本信息 在渲染pdf數(shù)據(jù)時,當pdf文件很大渲染量很多時,會導(dǎo)致頁面卡住,無法執(zhí)行其他操作;這涉及到

    2024年01月21日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包