props是vue中的一个基本用法,熟知vue的 这是父传子的基本用法;在uni-app 编译到微信小程序中,有这样的一个bug。
TypeScript
<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是顶层绑定,导入过来的数据会在静态分析中处理,可以传递给字符子组件,