So referenzieren Sie Vue in einer .js-Datei

So referenzieren Sie vue in einer js-Datei: 1. Definieren Sie einen Variablenkontext zum Empfangen von vue und führen Sie dann die von http.js exportierte initContext-Methode aus. 2. Erstellen Sie eine main.js-Export-vue-Instanz und führen Sie die Instanz dann ein die js, die Sie verwenden müssen. Das ist es.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue2.0-Version, Thinkpad T480-Computer.

Referenzieren Sie die Vue-Instanz in der JS-Datei

Die erste Methode:

1. Definieren Sie zunächst in http.js einen Variablenkontext zum Empfangen von Vue und legen Sie dann den an die initVue-Methode übergebenen Parameter fest vue und exportieren Sie diese Methode.

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. Dann in main.js: Führen Sie die von http.js exportierte initContext-Methode aus.

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实例

2. Führen Sie

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

in die js ein, die Sie verwenden müssen. Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie Vue in einer .js-Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!