.js文件中怎樣引用vue-創(chuàng)新互聯

這篇文章主要介紹了.js文件中怎樣引用vue，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯公司專注于網站建設|成都網站維護公司|優(yōu)化|托管以及網絡推廣，積累了大量的網站設計與制作經驗，為許多企業(yè)提供了網站定制設計服務，案例作品覆蓋成都航空箱等行業(yè)。能根據企業(yè)所處的行業(yè)與銷售的產品，結合品牌形象的塑造，量身策劃品質網站。

js文件中引用vue的方法：1、定義一個變量context用來接收vue，然后執(zhí)行http.js導出的initContext方法；2、創(chuàng)建main.js導出vue實例，然后在需要使用的js中引入實例即可。

js文件中引用vue實例

第一種方法：

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) {
    context.$router.push('/login') 
    return result
}
export default {
  // 寫一個此文件引入vue的方法，然后export導出去
    initContext (vue) {
        context = vue
    },
    post (url, data, response, exception) {
      
    },

2、然后在main.js中：執(zhí)行http.js導出的initContext方法

var vue = new Vue({
    el: '#app',
    router,
    components: {App},
    template: '<App/>'
})
Vue.prototype.http = http
//掛載http的時候執(zhí)行引入vue的方法
Vue.prototype.http.initContext(vue) // 傳入vue實例

第二種方法：

1、main.js導出vue實例：

var vue = new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
export default vue

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

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

感謝你能夠認真閱讀完這篇文章，希望小編分享.js文件中怎樣引用vue內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯網站建設公司，，關注創(chuàng)新互聯行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯網站建設公司，，詳細的解決方法等著你來學習!

當前標題：.js文件中怎樣引用vue-創(chuàng)新互聯
分享URL：http://muchs.cn/article30/dgeppo.html

成都網站建設公司_創(chuàng)新互聯，為您提供做網站、網站導航、軟件開發(fā)、搜索引擎優(yōu)化、網站排名、品牌網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯