VUE 建立共通js 以及引用該js的共通方法

2021-08-26 02:27:37 字數 501 閱讀 8284

乙個方法被多個js函式多次呼叫,為了減少**量以及方便後期維護,建立乙個公用的js類。

commonutil 共通類

// 共通類

let commonutil = ;

commonutil.openlogin = function (terminal) ;

export default commonutil;

其他js呼叫

首先引入該類

import commonutil from "../../../src/utils/commonutil";
其次呼叫共通類裡面的openlogin方法

commonutil.openlogin("hello vue");
執行結果:

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

需求中會用到公共的message提示,以及相應的樁號轉換操作。這時候將通用的提示和轉換操作放入公共的js中,然後在需要用的的vue頁面中進行相關引用,是非常方便的。需要注意的是,如果js的暴露方式,以及在vue頁面中引用的方式不當,會引發報錯。示例 如上引入方式中,在vue中引入了util和pile...

vue中引用js檔案的方法

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

vue專案中引入外部css以及js檔案的方法

在使用vue做專案的時候,我們一般不將css樣式寫到各自的元件裡,這樣不僅會讓 冗餘,而且不美觀整潔。如果你定義了一些外部css檔案,如何引入到vue元件中去呢?我們這裡使用es6的引入方式 那麼js檔案如何引入呢?如果需要全域性使用,則可以在main.js中引用並例項化物件 部分js const ...