js导出变量 vue_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: ''
})
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 vue
2、在需要使用的js中引入import context from '../main.js'
context.$router.push('/login')
更多web前端知识,请查阅 HTML中文网 !!
js导出变量 vue_js文件中怎么引用vue实例?相关推荐
- 基于layui 的数据表格复杂表头导出到excel文件中
基于layui,js-xlsx的前台数据复杂表头导出到excel文件中 前言 : layui table 加载 layui 表头样式 4. 封装之后的sheet !cols !rows ! merge ...
- vue实例中调用外部js_js文件中引用vue实例对象
原因 我使用了iView的框架,想要把表格的配置提取出来,但是表格里面的操作需要用到this,所以就需要在js文件中引用vue实例. 方法 utils - local-data.js // vue实例 ...
- ASP.NET 2.0中将 GridView 导出到 Excel 文件中
下面代码实现将 GridView 导出到 Excel文件中. 值得注意的是VerifyRenderingInServerForm重载方法: MSDN上的 VerifyRenderingInServer ...
- ASP.NET 2.0中将 GridView 导出到 Excel 文件中 (转)
下面代码实现将 GridView 导出到 Excel文件中. 值得注意的是VerifyRenderingInServerForm重载方法: MSDN上的 VerifyRenderingInServer ...
- C#中将DataTable中数据导出到csv文件中
在上一篇博文[C#读取CSV文件的方法]中,我介绍了读取csv文件中数据的方法,现在我来介绍下将datatable中的数据导出到csv文件中的方法,废话不 多说了,deme程序的代码如下: prote ...
- JS如何解析kml文件中的数据
1.JS如何解析kml文件中的数据 1. 需要将文件转换为字符串 2. 再使用DOMParser().parseFromString将字符串转换为xml文档 3. 再使用@mapbox/togeojs ...
- python去重复行_python去除文件中重复的行实例
python去除文件中重复的行,我们可以设置一个一个空list,res_list,用来加入没有出现过的字符行! 如果出现在res_list,我们就认为该行句子已经重复了,可以再加入到记录重复句子的li ...
- excel调用python编程-使用Python和xlwt向Excel文件中写入中文的实例
sheet1.write(row_num,0,f) row_num = 1 book.save('demo.xls') 程序执行结果如下: grey@DESKTOP-3T80NPQ:/mnt/e/01 ...
- matlab怎么导出矩阵,如何将matlab中矩阵导出到txt文件中
Excel Link是一个在Windows环境下实现Excel与Matlab进行链接的插件.通过连接Excel和Matlab,用户可以在Excel工作表空间和宏编程工具中使用Matlab的数值计算,图 ...
最新文章
- redmine的知识库插件-Redmine Knowledgebase plugin,程序员们的知识需要管理
- 【Android RTMP】RTMP 数据格式 ( FLV 视频格式分析 | 文件头 Header 分析 | 标签 Tag 分析 | 视频标签 Tag 数据分析 )
- 求助啊,被STM32的CAN折磨的疯了
- 深入分析Flex [Bindable] 【转】
- MyBatis常用配置解析-Properties标签
- row_number() over (partition by....order by...)用法 分组排序
- MySQL遭遇DELETE误操作的回滚
- springboot2源码2-SpringApplication运行
- Python语言被列入全国计算机等级考试科目中
- 1. Composer 简介
- php 密码加密方法
- JavaScript读取JSON文件
- C专家编程 三 C语言声明是如何形成的
- 半导体物理学——(二)半导体中杂志和能级缺陷
- 麦森数 OpenJ_Bailian - 2706
- CentOS7 下配置svn的安装及基础配置介绍
- Android Studio Shape属性(上)
- python随机密码生成在26个字母中随机生成10个_习题6:二.3 随机密码生成
- 装配作业指导书是什么?装配作业指导书主要包括哪些内容?
- sql根据出生日期计算当前年龄 函数TIMESTAMPDIFF()