vuejs調(diào)用js文件里面的方法是怎樣的，針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)建站主要為客戶提供服務(wù)項目涵蓋了網(wǎng)頁視覺設(shè)計、VI標(biāo)志設(shè)計、營銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式重慶網(wǎng)站建設(shè)公司、手機網(wǎng)站制作、微商城、網(wǎng)站托管及網(wǎng)站維護公司、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計、SEO優(yōu)化排名。設(shè)計、前端、后端三個建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為公路鉆孔機行業(yè)客戶提供了網(wǎng)站改版服務(wù)。

vuejs調(diào)用js文件里面的方法：1、在assets文件下新建一個js文件；2、通過“export default {...}”在需要使用方法的組件中引用即可。

本文操作環(huán)境：Windows7系統(tǒng)、Vue2.9.6版，DELL G3電腦

vuejs怎么調(diào)用js文件里面的方法？

vue中引用js文件的方法

在vue的很多組件中都會用到axios來Post數(shù)據(jù)，每個組件中都寫上一個post的方法倒是也可以，復(fù)制就行了，但是總感覺有些不方便，那么可以把axios的post寫到一個單獨的js文件中，然后在需要的組件中引用豈不是更好嗎。

1、在assets文件下新建一個js文件

新建一個名稱為webpost.js文件

import axios from 'axios'
    //Post方法的封裝
    function axiosPost(url,params){
        return new Promise((resolve, reject) => {
                axios({
                url: url,
                method: 'post',
                data: params,
                headers: {
                    'Content-Type':'application/json'
                }
            })
            .then(res=>{
                resolve(res.data);
            });
        });
    }
    export {
        axiosPost
    }

這個需要專門引用一下axios，也就是第一行，然后就可以使用了，最后一句很重要，不然你沒法在別的組件中調(diào)用

2、在需要使用此方法的組件中引用