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: ''})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: ''})export default vue
登录后复制
2、在需要使用的js中引入
import context from '../main.js'context.$router.push('/login')
登录后复制
更多编程相关知识，请访问：vue教程！！
以上就是.js文件中怎么引用vue的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3021197.html
