vue-如何在vue项目中的js文件里使用vue实例

第一种方法

首先：定义一个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')