第一种方法
首先：定义一个js文件 这里叫做 makevue.js ，定义一个context的变量
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14let context =null// 定义一个变量，用来代替this（vue） export default { // 写一个此文件引入vue的方法，然后export导出去 initContext (vue) { context = vue }, }
然后：在main.js初始化完实例之后 ，将实例赋值给context, 需要使用的地方就引入makevue.js，使用context即可。
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18var vue =new Vue({ el: '#app', router, components: {App}, template: ''}) Vue.prototype.http = http //挂载http的时候执行引入vue的方法 Vue.prototype.http.initContext(vue) // 传入vue实例
第二种方法
在main.js里导出vue实例
复制代码
1
2
3
4
5
6
7
8
9
10
11
12var vue =new Vue({ el: '#app', router, components: { App }, template: ''}) export default vue
在需要使用的js里引入：
复制代码
1
2
3
4import context from '../main.js' context.$router.push('/login')
最后
以上就是英勇服饰最近收集整理的关于vue-如何在vue项目中的js文件里使用vue实例第一种方法第二种方法的全部内容，更多相关vue-如何在vue项目中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复