需求：每次点开子页面的时候，里面的表单内容都为空this.$refs[‘form’].resetFields()1、可以通过ref把表单数据绑定上在data中定义form写入对应key和value(每个input输入的值)在点击按钮打开子组件的时候是触发这个语句，这样每次打开表单数据都是空的，当然如果想表单输入一半关掉但不希望表单内容清空就不能用上面那句话的写法了，只需要在表单提交成功之后写入这句

1 写在开始之前，为什么要学习TSvue2.x中的组件是通过声明的方式传入一系列option，和TypeScript的结合需要通过一些装饰器的方式来做，虽然能实现功能，但是比较麻烦。而3.0修改了组件的声明方式，改成了类式的写法，这样使得和TypeScript的结合变得很容易。此外，vue的源码也改用了TypeScript来写。其实当代码的功能复杂之后，必须有一个静态类型系统来做一些辅助管理，如R

在之前mounted中可以直接使用this.$route,但在setup中没有this，给我整不会了，翻翻文档发现需要引用useRouter就好了这样就都能获取到了

v-if和v-show的区别v-if1、v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。2、v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show1、v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。总结：相同点：1、v-i