getCurrentInstance支持访问内部组件实例,用于高阶用法或库的开发。

使用:
	  setup() {
	    const internalInstance = getCurrentInstance()
	
	    internalInstance.appContext.config.globalProperties; 访问全局变量globalProperties
	    getCurrentInstance().uid;	访问组件的id
	  }

在setup或生命周期钩子外使用,先在setup中调用getCurrentInstance()获取该实例然后再使用。
	
	const MyComponent = {
	  setup() {
	    const internalInstance = getCurrentInstance() 成功
	
	    const id = useComponentId() 成功
	
	    const handleClick = () => {
		  getCurrentInstance()  获取失败
	      useComponentId()      获取失败
	
	      internalInstance  成功
	    }
	
	    onMounted(() => {
	      getCurrentInstance()  成功
	    })
	
	    return () =>
	      h(
	        'button',
	        {
	          onClick: handleClick
	        },
	        `uid: ${id}`
	      )
	  }
	}
	
   在组合式函数中调用也可以正常执行
	function useComponentId() {
	  return getCurrentInstance().uid
	}
Logo

前往低代码交流专区

更多推荐