vue的js文件中获取vue实例

1.main.js导出vue实例：

1 var vue = new Vue({
2   el: '#app',
3   router,
4   components: { App },
5   template: '<App/>'
6 })
7 export default vue

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

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

转载于:https://www.cnblogs.com/yangguoe/p/10643729.html

vue的js文件中获取vue实例相关推荐

挖坑指南：如何在引用的外部js文件中获取vue页面实例？（独家）
原文链接前言在基于iView的后台项目中,表格组件是我们的老朋友了.实现如下的效果更是最基本的需求: 开始在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果 ...
vue 在js 文件中使用store_vue 如何在 .js 文件引入 store
项目中如果配置比较多的话,store的使用可能不只是在store文件夹里面的文件. 比如下面项目结构: 例如希望在api/index.js 文件使用store,改怎么导入呢? 原因其实在main.j ...
从外部的js文件中获取ASPX页面的控件ClientID(get control reference from external javascript)...
前言当使用MasterPage.UserControl等容器时,为了避免控件的重复命名,asp.net会自动将容器中的控件生成一个ClientID(Control Tree中的可生成,否则不会生成) ...
vue拆分js文件_基于Vue+Webpack拆分路由文件实现管理
事实是,如果你的项目不是特别大,一般是用不着分拆的.如果项目大了,那就需要考虑分拆路由了.其实,这个操作并不复杂. 当我们用 vue-cli 工具,创建一个新的 vue 项目时,就已经给大家新建好了一 ...
vue实例中调用外部js_js文件中引用vue实例对象
原因我使用了iView的框架,想要把表格的配置提取出来,但是表格里面的操作需要用到this,所以就需要在js文件中引用vue实例. 方法 utils - local-data.js // vue实例 ...
i18n如何在js文件中生效
在vue项目中引用vue-i18n实现语言切换功能,开发过程中发现,在vue文件中使用都可以,但是在js文件中直接使用$t('zhKey.首页')是不生效的. 下面是我研究出解决办法: // js文件 ...
vue中js文件里获取this（vue实例）
vue中js文件里获取this(vue实例) 1,在main.js中抛出vue实例,在需要用到的地方引入即可 main.js里let vueThis= new Vue({el: '#app',rout ...
Vue学习笔记(2) 在html文件中创建Vue实例，并使用http-vue-loader注册单文件组件
本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的因此 ...
vue引用js文件的多种方式
本文主要介绍了vue引用js文件的多种方式,本文大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1.vue-cli webpack全局引入jquery (1) 首先 npm inst ...

vue的js文件中获取vue实例

vue的js文件中获取vue实例相关推荐

最新文章

热门文章