第一种方法

首先：定义一个js文件 这里叫做 makevue.js ，定义一个context的变量

let context =null// 定义一个变量，用来代替this（vue）

export default {

  // 写一个此文件引入vue的方法，然后export导出去    

initContext (vue) {

        context = vue

    },

}

然后：在main.js初始化完实例之后 ，将实例赋值给context, 需要使用的地方就引入makevue.js，使用context即可。

var vue =new Vue({

    el: '#app',

    router,

    components: {App},

    template: ''})

Vue.prototype.http = http

//挂载http的时候执行引入vue的方法

Vue.prototype.http.initContext(vue)

// 传入vue实例

第二种方法

在main.js里导出vue实例

var vue =new Vue({

  el: '#app',

  router,

  components: { App },

  template: ''})

export default vue

在需要使用的js里引入：

import context from '../main.js'

context.$router.push('/login') 

最后

以上就是英勇服饰为你收集整理的vue-如何在vue项目中的js文件里使用vue实例第一种方法第二种方法的全部内容，希望文章能够帮你解决vue-如何在vue项目中的js文件里使用vue实例第一种方法第二种方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。