vue3+TS拾遗（不定期更新）

props传参

• 会自动跳过key/ref/...等本身就有特殊意义的属性名

路由跳转

• 当路由到同一个路由组件时，会依次触发onBeforeUpdate、onUpdated生命周期钩子

pinia

• 组件中使用storeToRefs函数时，直接解构出来的是state中直接声明的属性(state.user)，转换为一个Ref对象，如果想要继续解构里面的属性，需要解构其value属性，但如果直接解构value的话，会丢失响应式，所以还需要包裹一层toRefs

  // 这样解构出来的phone和password是没有响应式的
  const {user:{value:{phone,password}}} = storeToRefs(useUserStorage())
  // 需要先包裹一层toRefs，再解构
  const {user} = storeToRefs(useUserStorage())
  const {phone, password} = toRefs(user.value)
  

TS

• 使用import x from y.json的方式导入json文件时，需要在tsconfig.json配置文件中添加两个配置项

  {
  "compilerOptions": {
    ...
    // 是否允许导入json文件
    "resolveJsonModule": true,
    // 当被一个模块没有default export时，是否允许import x from y形式的导入
    "allowSyntheticDefaultImports": true,
    ...
  }