qq_51384850的博客

王红元ts+vue3项目前期搭建 有修改

在tslint中并不推荐使用var来声明变量：主要原因和ES6升级后let和var的区别是一样的，var是没块级作用域的，会引起很多的问题。：unknown类型只能赋值给any和unknown类型，any类型可以赋值给任意类型。，配置本地的TypeScript编译环境和开启一个本地服务，可以直接运行在浏览器上；编译ts代码为js代码时，如果出现同名变量会报错，可以通过以下代码解决。默认情况下进行赋值时，会将赋值的值的类型，作为前面标识符的类型。是JavaScript的字符串包装类的类型。......

mapState返回的是一个对象，加’…'表示将函数内容变成computed格式，即此时返回的是一个个函数，computed返回的是ref对象。此时setup和methods的使用方法一致，可以帮助我们快速映射到对应的方法中。对于模块内部的 mutation 和 getter，接收的第一个参数是模块的。分发使用的是 store 上的dispatch函数。，在Promise的then中来处理完成后的操作。前面封装的hook是不能对模块使用的。useGetters的修改。useState的修改。......

如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效；hash的优势就是兼容性更好，在老版IE中都可以运行，但是缺陷是有一个#，显得不像一个真实的路径。比如NotFound的错误页面中，这个时候我们可编写一个动态路由用于匹配所有的页面。实现路由的嵌套,使用router-view来占位之后需要渲染的组件。那么在上面动态路由中（User）如何获取到对应的值呢？对于没有匹配到的路由，我们通常会匹配到固定的某个页面。需要将给定匹配模式的路由映射到同一个组件。...

compositionAPI、setup函数、setup的特性（两个参数）、reactiveAPI、refAPI：toRefs,toRef,customRef、readonly、computed、侦听数据变化、watchEffect、watch、teleport、vue插件、h()渲染函数、自定义指令

插槽：具名插槽、动态插槽名、作用域插槽动态组件实现、webpack分包、异步组件实现、suspense$refs、$parent、$rootmixin生命周期和v-model双向数据绑定

组件中的父子通信、props、emit父子通信经典tab切换实例非父子组件通信、provide/inject、mitt库

Babel、resolve、HMR、proxy、vuecli、vite

webpack配置

vue3基础语法

coderwhy的vue3+typescript教学笔记（自制）