vue專案全域性引用其他庫或外掛程式的方法

2021-08-30 17:39:19 字數 595 閱讀 2842

一、引入庫(js檔案)

例子:npm install的localforage,在main.js中全域性引用

import localforage from 'localforage/src/localforage';

vue.prototype.localforage = localforage

在其他檔案中就直接引用,this.localforage....

注意:這種方法是有侷限性的,在router/index.js和store下面是不能直接使用,還是需要向main.js裡一樣引用

解決辦法:直接掛載至window上

import localforage from 'localforage/src/localforage'

window.localforage = localforage

在其他檔案引用

localforage.setitem('token','',(err,res)=>)

二、引入外掛程式

以element-ui為例,在main.js中全域性引用

import elementui from 'element-ui'

vue.use(elementui)

在vue專案中引用less全域性檔案

問題 在vue中引入一些公共的檔案,比如全域性變數 函式 一般比較常見的做法是,在每乙個頁面都初始引入公共檔案 import url less variable.less 這種做法要寫很多句引入,一直在重複,重複的 就沒有意義,其實有辦法一次引入,受用終生 一次引入的做法來了 vue cli 2版本...

Vue專案全域性引用sass變數檔案報錯的解決辦法

通常情況咱們的sass變數會以單獨的檔案存放。我們在使用這些變數的時候如果在每個元件中import引用的顯得特別麻煩,而且感覺很蠢qaq,但是全域性引用的時候又會報錯。這時就需要用到sass resources loader外掛程式並進行相應的配置就可以解決問題,具體配置如下 1.安裝外掛程式 np...

iOS 在專案中引用其他專案

ngmovieplayer was created by matthias tretter myell0w and philip messlehner messphilip it is inspired from code from hsplayer.這兩句一看就是大神封裝的作品啊。self mov...