vue在使用ts時如何使用axios

2021-09-25 02:00:07 字數 509 閱讀 3911

原文: 

在vue中使用typescript時,當你想要在全域性按照this.$axios這種形式來使用axios話,我們首先要將axios掛載到vue的原型上,使之能夠在全域性使用。

vue.use(v => )
但是,這樣還不行,typescript並不知道$axios這個屬性是什麼,即使被掛載到了vue的原型上,它也是不能感知的,所以,要告訴typescript一下,使用typescript的宣告合併方式來對vue的這個模組進行擴充套件。

import axios,  from 'axios'

declare module 'vue/types/vue'

}

這樣就相當於告訴ts編譯器,我在vue上掛載了乙個$axios屬性,接著,在.vue模板中不需要再額外引入axios就可以直接使用this.$axios來請求api了。

ts 模板庫檔案 vue與ts的使用模版

原始碼位址 專案demo 這裡講下使用中注意的事項 具體的使用在專案原始碼中 關於typescript詳細配製 tsconfig配製詳情 關於命令 npm run creat paths.本人對於不斷的建立元件資料夾已經很煩惱所以參考網上 生成了基於node的指令碼!執行 shell npm run...

在vue中如何使用layui

根據官網的文件,要在乙個html檔案下使用layui裡面的元件庫其實很簡單,但是在vue專案中使用該ui庫卻存在著很多坑,下面我們就詳細講解一下如何在vue cli搭建的專案下使用layui 在官網中我們可以看到他提到支援npm安裝,但是當我們安裝成功後,在main.js中引入時卻報並不能找到該模組...

在vue中如何使用mock

1.安裝mockjs npm install mockjs2.在src目錄下建立mock資料夾用來存放生成的資料,在mock資料夾中建立index.js用來作為檔案入口 在index.js中操作 首先引入mock const mock require mockjs import mock from ...