props是vue中的一个基本用法,熟知vue的 这是父传子的基本用法;在uni-app 编译到微信小程序中,有这样的一个bug。

<template>
	<view>
		<tabs :text="text" />
		<tabs :text="text1" />
		<tabs :text="text2" />
	</view>
</template>
<script setup lang="ts">
	
	// 1、通过import导入数据
	import {text} from './data/index';
	
	// 创建一个普通的变量
	const text1 = '普通变量';
	
	// 创建一个响应式数据
	const text2 = ref("响应式变量")
	
</script>

 在vue项目中,上面是三个变量 都通过text属性传递给子组价,这样是完全没有问题的。

重点来了:微信小程序的bug

        在uni-app编译到微信小程序中,普通变量text1,子组件第一次是接收不到的;

        这个问题很诡异,我查了一下,就是微信小程序的bug;

        但是import也算是普通变量,为什么可以呢,import是顶层绑定,导入过来的数据会在静态分析中处理,可以传递给字符子组件,

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐