子组件怎么调用ajax,Vue子组件如何调用父组件变量以及函数

Vue子组件如何调用父组件变量以及函数，站长因为一个项目接触vue快两个月了，刚开始啥也不懂，现在改改还是没问题的，这个东西比JavaScript简单多了哈，特别是赋值这块，不要太舒服。最近做了一个项目，前面开发的时候质量不是很好，一个很简单的菜单栏竟然每页都搞了一个，这要是修改菜单栏的图标什么的，不累死了哈，想到了vue组件的功能，站长就打算把菜单栏搞成组件的形式，然后每个页面调用这个菜单栏组件就行了，后期修改的话工作量会少很多，这里还是要强调下，做开发的切忌不要重复做同一件事情，要学会整理打包。

好了，下面我们来处理下vue子组件怎么调用父组件的变量以及函数的问题，直接看子组件的代码吧。

购物车

{{this.$parent.cartNum}}

99

export default {

name: "footerMe",

props:[],

data: function () {

return {

}

},

methods: {

goTab(type){

if(type==2){

this.$parent.clickRouterType=true;

this.$parent.$router.push({

path: '/shoppingCart',

})

}

}

},

}

}

说白了就是使用this.$parent，因为cartNum这个值是通过ajax获取，而且是会变的，不是常量，常量的话我们直接通过props就可以赋值了，这里就不多做介绍了哈。