这篇文章主要介绍了.js文件中怎样引用vue，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
创新互联公司专注于网站建设|
成都网站维护公司|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖
成都航空箱等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身策划品质网站。
js文件中引用vue的方法：1、定义一个变量context用来接收vue，然后执行http.js导出的initContext方法；2、创建main.js导出vue实例，然后在需要使用的js中引入实例即可。
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: ''
})
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: ''
})
export default vue2、在需要使用的js中引入
import context from '../main.js'
context.$router.push('/login')感谢你能够认真阅读完这篇文章，希望小编分享.js文件中怎样引用vue内容对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，遇到问题就找创新互联网站建设公司，，详细的解决方法等着你来学习!
网站标题：.js文件中怎样引用vue-创新互联
本文地址：
http://cdkjz.cn/article/dgeppo.html
