在vue專案中的js檔案裡使用vue例項

2022-07-21 07:27:11 字數 864 閱讀 5426

參考的**:

不為其他,就為了記錄一下,方便以後檢視:

1、首先在http.js中:定義乙個變數context用來接收vue,再定乙個initvue方法傳入的引數是vue,並匯出這個方法。

import axios from 'axios'const time_out_ms = 60 * 1000 //

預設請求超時時間

let context = null

//定義乙個變數,用來代替this(vue)

function

handleresults (response)

export

default

, post (url, data, response, exception) ,

2、然後在main.js中:執行http.js匯出的initcontext方法

//掛載http的時候執行引入vue的方法

傳入vue例項

1、main.js匯出vue例項:

var vue = new

vue({

router,

export

default vue

2、在需要使用的js中引入

import context from '../main.js'context.$router.push('/login')

我選擇了使用第二種方法;

vue 在vue 專案中引入外部js檔案

在普通的專案中,我們可以通過來引入外部的js檔案,但是在vue專案中,就不可以使用這種方式了,需要使用es6語法來引入,同時還要對已有的js檔案做相應的修改。一般情況下,我們引入外部js檔案,是要呼叫js檔案中的函式。在vue專案中,我們首先要使用export命令將這個函式丟擲,然後才能在其他的vu...

在vue專案中mock的使用

模擬後台介面,提供頁面需要的資料。使用例子 使用 mock var mock require mockjs var data mock.mock 輸出結果 console.log json stringify data 資料模板中的每個屬性由3部分構成 name rule value 屬性名 生成規...

在 Vue 專案中使用 ECharts

重要檔案版本 在 vue 專案中使用 echarts 只需要在 vue 元件的mounted生命週期中 初始化 echarts,然後在每次配置項有變更時呼叫setoption 方法更新配置即可 專案模板原始碼 class default chart style div template import...