.js檔案中怎麼引用vue

js檔案中引用vue的方法：1、定義一個變數context用來接收vue，然後執行http.js匯出的initContext方法；2、建立main.js導出vue實例，然後在需要使用的js中引入實例即可。

本教學操作環境：windows7系統、vue2.0版本、thinkpad t480電腦。

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中：執行http.js導出的initContext方法

var vue = new Vue({
    el: '#app',
    router,
    components: {App},
    template: &#39;<App/>&#39;
})
Vue.prototype.http = http
//挂载http的时候执行引入vue的方法
Vue.prototype.http.initContext(vue) // 传入vue实例

推薦：《vue教程》

第二種方法：

1、main.js導出vue實例：

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

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

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

更多程式相關知識，請訪問：程式設計入門！ ！

以上是.js檔案中怎麼引用vue的詳細內容。更多資訊請關注PHP中文網其他相關文章！