js文件中怎么引用vue实例?

js文件中怎么引用vue实例?下面本篇文章通过示例给大家介绍一下在vue项目中的js文件里使用vue实例。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

第一种方法:

1、首先在http.js中:定义一个变量context用来接收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导出的initContext方法

var vue = new Vue({
    el: '#app',
    router,
    components: {App},
    template: '<App/>'
})
Vue.prototype.http = http
//挂载http的时候执行引入vue的方法
Vue.prototype.http.initContext(vue) // 传入vue实例

第二种方法:

1、main.js导出vue实例:

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

2、在需要使用的js中引入

import context from '../main.js'
context.$router.push('/login')

更多web前端知识,请查阅 HTML中文网 !!

以上就是js文件中怎么引用vue实例?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏