本来为了编译后的css体积大小，我更喜欢写extend胜过mixin，但这次我发现要保证复杂嵌套时各种意义上的正确性，还得是mixin。并且官网更推荐语义相关的情况使用extend，显然我遇到问题的这种情况不属于推荐使用extend的情况（重点：官网提到“大多数web服务器算法擅长压缩CSS相同文本的重复块，尽管mixins可能比extends生成更多的CSS，但可能不会显著增加用户需要下载的内容。所以选择对你的用例最有意义的特性，而不是生成最少CSS的特性！”【详情见下“复习@extend用法“】）
vue3 props传参 ref() 响应式无效的问题
新同事提出一个问题，为什么父组件传props到子组件，父组件中属性值是onMounted中通过接口异步获取的，子组件获取不到，得用watch监听prop变化，我看了他的代码，发现是ref和toRef、toRefs使用上的问题