vue-如何在vue项目中的js文件里使用vue实例
第一种方法首先:定义一个js文件 这里叫做 makevue.js ,定义一个context的变量let context =null// 定义一个变量,用来代替this(vue)export default {// 写一个此文件引入vue的方法,然后export导出去initContext (vue) {context = vue},}然后:在main.js初始化完实例之后 ,将实例赋值给conte
·
第一种方法
首先:定义一个js文件 这里叫做 makevue.js ,定义一个context的变量
let context =null// 定义一个变量,用来代替this(vue)
export default {
// 写一个此文件引入vue的方法,然后export导出去
initContext (vue) {
context = vue
},
}
然后:在main.js初始化完实例之后 ,将实例赋值给context, 需要使用的地方就引入makevue.js,使用context即可。
var vue =new Vue({
el: '#app',
router,
components: {App},
template: ''})
Vue.prototype.http = http
//挂载http的时候执行引入vue的方法
Vue.prototype.http.initContext(vue)
// 传入vue实例
第二种方法
在main.js里导出vue实例
var vue =new Vue({
el: '#app',
router,
components: { App },
template: ''})
export default vue
在需要使用的js里引入:
import context from '../main.js'
context.$router.push('/login')
更多推荐
已为社区贡献3条内容
所有评论(0)