一句话总结 可以给router-view 组件绑定 props, 这样内部的路由组件就会获取到参数了

如果一个子路由需要获取其上一级的路由参数，你可以在定义该子路由时使用 props 属性将父路由参数传递给子路由组件。然后，再在子路由组件中使用 this.$route.params 来获取父路由参数。

之前的网络上的教程都是 vue/cli 的, 经过我的一番摸索, 终于弄明白了 vite+vue3+pwa 的正确打开方式

如果使用 v-model 给子组件绑定一个数据, 例如v-model="msg", 那么子组件 props 传进来的数据为modelValue, 要手动触发的事件为update:modelValue

使用步骤

• 使用第三包提供的Form标签将表单整个区域包裹起来, 如果要进行整体验证, 需要给Form打ref
• 使用第三方包提供的Filed标签将输入框的input替换掉
• 如果表单需要校验，那么必须有name属性
• 将校验规则通过rules绑定到需要校验的Field标签上
• 当用户输入的内容未通过验证规则时，错误信息是从Form标签上的插槽中解构出来的

一个分页器组件最重要的四个参数(需要外界传入)

• 当前第几页: pageNo
• 每页展示的数据数量: pageSize
• 共有多少数据: total
• 显示的连续页码: continues