vue的引用公共js或工具js的方式

2021-10-23 22:49:22 字數 1473 閱讀 9886

需求中會用到公共的message提示,以及相應的樁號轉換操作。

這時候將通用的提示和轉換操作放入公共的js中,然後在需要用的的vue頁面中進行相關引用,是非常方便的。

需要注意的是,如果js的暴露方式,以及在vue頁面中引用的方式不當,會引發報錯。

示例:

如上引入方式中,在vue中引入了util和pilenumberconversion兩個公共方法,同樣來自util.js中。

util.js:

一、pilenumberconversion暴露方式為乙個方法,所以在引用中需要使用的方式,對單獨的方法進行引入。(不要忘記加大括號將方法包裹)

在filters中使用樁號轉換過濾即可:

二、使用util.$message,showyesno用來進行提示的方法:

可以發現,在util.js中又引入了util.message.js,並使用const util =中定義乙個$message變數,即可引入util.message.js中的方法。

綜合以上兩種引入方式,一種是引入單獨的方法,另一種可以引入整個js並使用js中所有方法的方式,需要注意的是,引入單獨方法時,要用包裹起來:

第二種方式引入整個js,並使用util.$message對不同方法進行呼叫的方式,則直接import這個js,並使用util變數呼叫即可。

還有一點需要注意的是,引入時為了簡潔並且簡化**使用:「@路徑」的方式進行import時,如果最後一級是資料夾,沒有指向乙個實際存在的js檔案,vue則會預設找到名為index.js的檔案進行引入。

示例:如果存在乙個index.js在labs包下,則可以直接使用@libs,即可引用到index.js中的方法。

常用的vue 公共js檔案

axios.defaults.baseurl 填寫後台請求統一的位址 身份證號碼為15位或者18位,15位時全為數字,18位前17位為數字,最後一位是校驗位,可能為數字或字元x function iscardno card d d x x var reg d d d x x if reg.test ...

vue 用 js 呼叫公共元件

在 vue 專案中,對於公共元件的呼叫一般是 import 引入公共元件,然後在 components 中註冊元件,在頁面中以標籤的方式運用。import msg from msg export default 如果是用 js 呼叫呢?export default 實現 1 先寫好乙個元件 msg....

vue中引用js檔案的方法

在vue的很多元件中都會用到axios來post資料,每個元件中都寫上乙個post的方法倒是也可以,複製就行了,但是總感覺有些不方便,那麼可以把axios的post寫到乙個單獨的js檔案中,然後在需要的元件中引用豈不是更好嗎。新建乙個名稱為webpost.js檔案 import axios from...