$attrs 在 uni-app 编译微信小程序时无法使用 v-bind="$attrs" 透传，因原生小程序不支持动态绑定；H5/App 正常，替代方案为手动解构 props 并显式传递属性与事件。
$attrs 在 uni-app 中不能直接用 v-bind="$attrs" 透传——编译到微信小程序时会报错“暂不支持 v-bind="" 用法”，这是 uni-app（非 uni-app x）对原生小程序组件限制导致的硬性约束，不是写法或版本问题。
为什么 v-bind="$attrs" 在微信小程序里失效
uni-app 编译到微信小程序时，会把自定义组件映射为小程序原生 Component，而微信原生组件不支持运行时动态绑定属性（即不识别 v-bind 指令展开）。即使 Vue 3 模板写了 v-bind="$attrs"，uni-app 编译器也无法将其转成小程序可执行的等效逻辑。
- 错误现象：
Cannot read property 'xxx' of undefined或模板渲染丢失事件/属性 - 只影响编译到微信/支付宝等小程序端；H5、App 端正常
- 哪怕加了
inheritAttrs: false也无效，因为根本没机会执行绑定逻辑
替代方案：手动解构 + 显式传递
在子组件中用 defineProps 接收明确需要的属性，再通过 v-bind 逐个传给内部真实 DOM 或第三方组件（如 <input>、<uni-input></uni-input>）。
- 不要依赖
$attrs自动收集，改用defineProps({ size: String, disabled: Boolean, ... }) - 事件必须显式声明并
emit，例如@input→emits('update:modelValue') - 若封装的是
<input>，需手动绑定:value和监听@input，不能靠v-model自动拆解 - 示例：
<input :value="modelValue" :disabled="disabled" :class="inputClass" @input="$emit('update:modelValue', $event.target.value)" />
uni-app x 是唯一支持 $attrs 透传的路径
uni-app x（基于 HBuilder 4.41+）在编译层做了深度适配，把 $attrs 转换为小程序 virtualHost 模式下的属性代理，从而支持 v-bind="$attrs"。但要注意：
- 仅限微信、支付宝小程序，其他平台（如百度、QQ）暂未适配
- 需启用
virtualHost: true（uni-app x 默认开启） - 仍不支持在原生组件（如
<view></view>、<button></button>）上直接v-bind="$attrs"，只能用于自定义组件内部的子组件或<input>等可绑定标签 - 若项目已用老版 uni-app，升级成本高，不建议仅为透传改架构
真正容易被忽略的点是：很多人试了 inheritAttrs: false + v-bind="$attrs" 在 H5 正常，就以为小程序也能跑——其实只是编译没报错，运行时属性根本没挂上去。验证是否生效，得真机调试看 wxml 结构里有没有对应 attribute，而不是只看 console 是否报错。
