.js 파일에서 vue를 참조하는 방법

js 파일에서 vue를 참조하는 방법: 1. vue를 수신할 변수 컨텍스트를 정의한 다음 http.js에서 내보낸 initContext 메서드를 실행합니다. 2. main.js 내보내기 vue 인스턴스를 만든 다음 해당 인스턴스를 사용해야 할 js가 전부입니다.

이 튜토리얼의 운영 환경: windows7 시스템, vue2.0 버전, thinkpad t480 컴퓨터.

js 파일에서 vue 인스턴스를 참조하세요

첫 번째 방법:

1 먼저 http.js에서: 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

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

에서 내보낸 initContext 메소드를 실행합니다. 권장사항: "vue tutorial"

두 번째 메소드:

1.

2. 사용해야 하는 js에

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

를 소개하세요. 더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 소개를 방문하세요. !

위 내용은 .js 파일에서 vue를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!