js文件中引用vue的方法：1、定义一个变量context用来接收vue，然后执行http.js导出的initContext方法；2、创建main.js导出vue实例，然后在需要使用的js中引入实例即可。
本教程操作环境：windows7系统、vue2.0版本、thinkpad t480电脑。
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实例推荐：《vue教程》
第二种方法：
1、main.js导出vue实例：
var vue = new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
export default vue2、在需要使用的js中引入
import context from '../main.js'
context.$router.push('/login')更多编程相关知识，请访问：编程入门！！
以上就是.js文件中怎么引用vue的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
500
收藏
