20210823 vue3子组件如何调用父组件变量以及函数
简单的说明下变量的话可以通过provide跟inject，请参考官网的文档说明https://v3.cn.vuejs.org/guide/composition-api-provide-inject.html；函数的话考虑使用emits，注意父组件中一定要return这个函数，子组件需要添加emits:[...]，这个东西跟props有点类似，可以参考官网的文档说明https://v3.cn.vuejs.org/guide/migration/emits-option.html#_3-x-%E7%9A%84%E8%A1%8C%E4%B8%BA
Vue2子组件如何调用父组件变量以及函数，站长因为一个项目接触vue快两个月了，刚开始啥也不懂，现在改改还是没问题的，这个东西比JavaScript简单多了哈，特别是赋值这块，不要太舒服。最近做了一个项目，前面开发的时候质量不是很好，一个很简单的菜单栏竟然每页都搞了一个，这要是修改菜单栏的图标什么的，不累死了哈，想到了vue组件的功能，站长就打算把菜单栏搞成组件的形式，然后每个页面调用这个菜单栏组件就行了，后期修改的话工作量会少很多，这里还是要强调下，做开发的切忌不要重复做同一件事情，要学会整理打包。
好了，下面我们来处理下vue子组件怎么调用父组件的变量以及函数的问题，直接看子组件的代码吧。
购物车{{this.$parent.cartNum}}99说白了就是使用this.$parent，因为cartNum这个值是通过ajax获取，而且是会变的，不是常量，常量的话我们直接通过props就可以赋值了，这里就不多做介绍了哈。
热门文章
dataV是个不错的选择，就是原生支持vue-cli的webpack打包工具，不支持vite，不过站长还算完美地解决了这个问题。
本文主要分析下子组件如何调用父组件的变量跟函数。
vue使用font-spider压缩字体文件的爬坑记录
vue3下快速获取网址中的url参数，网上基本上都是vue2的，所以站长整理了下解决方案
mui轮播还是ok的，循环轮播就不行了哈，通过简单的JavaScript代码完善下就解决
pnpm跟360有冲突，我也是第一次见识。
three.js一个js三维模型库，陌生是挺陌生的，不过学习的话，我们还是要从官网开始，别随便拿别人的代码套。
让electron支持vite2，非常不错，让vue3跑mqtt，十分完美的组合，还支持cnpm。
vite2 vue3 兼容库包，站长用完才能偷偷告诉你。
整理vue公共函数，放置到main.js，在main.js设置全局变量，实现main.js跟.vue文件间的数据通信。