Maison > interface Web > Voir.js > le corps du texte

Comment référencer vue dans le fichier .js

藏色散人
Libérer: 2023-01-13 00:44:56
original
8625 Les gens l'ont consulté

Méthodes pour référencer vue dans les fichiers js : 1. Définissez un contexte variable pour recevoir vue, puis exécutez la méthode initContext exportée par http.js ; 2. Créez main.js pour exporter l'instance de vue, puis utilisez-le dans le Introduisez simplement l'exemple dans js.

Comment référencer vue dans le fichier .js

L'environnement d'exploitation de ce tutoriel : système Windows7, version vue2.0, ordinateur thinkpad t480.

Référez-vous à l'instance vue dans le fichier js

La première méthode :

1 D'abord dans http.js : définir un contexte variable pour. Recevez vue, puis définissez le paramètre transmis à la méthode initVue sur vue et exportez cette méthode.

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) {
      
    },
Copier après la connexion

2. Puis dans main.js : exécuter la méthode initContext exportée par http.js

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实例
Copier après la connexion

Recommandé : "tutoriel vue"

Chapitre Deux méthodes :

1. Exportez l'instance de vue depuis main.js :

var vue = new Vue({
  el: &#39;#app&#39;,
  router,
  components: { App },
  template: &#39;<App/>&#39;
})
export default vue
Copier après la connexion

2. Introduisez

import context from &#39;../main.js&#39;
context.$router.push(&#39;/login&#39;)
Copier après la connexion

dans le js que vous devez utiliser. , veuillez visiter :Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal