vue3的开发小技巧

  「总之岁月漫长，然而值得等待。」 

目录

• 父组件调用子组件函数
• 如何访问全局api

父组件调用子组件函数

ref, defineExpose

//父组件 代码
<child ref="ch">

this.$refs.ch.fn();

//子组件 函数抛出
const fn = () => {
};
defineExpose({ fn });

如何访问全局api

众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用。且vue3并不推荐getCurrentInstance

主要原因是防止你把它当成this使用，因为setup函数执行较早。客观原因还有这是内部api,以后可能会修改等等

想获取全局变量，可以试试以下方法

// 在main.js中provide
app.provide('$test', '123')

// 组件内获取
import { inject } from 'vue'
const test = inject('$test')
console.log('inject的$test', test)