摘要：
shallowRef 与 shallowReactive 通过使用 shallowRef() 和 shallowReactive() 来绕开深度响应。 浅层式 API 创建的状态只在其顶层是响应式的，对所有深层的对象不会做任何处理，避免了对每一个内部属性做响应式所带来的性能成本，这使得属性的访问变得 阅读全文
摘要：
默认插槽、具名插槽 一般是用于 父传子 作用域插槽 一般是用于 子传父 默认插槽 父组件 <template> <h2>父组件</h2> <!-- 显示 title smailltitle 和 自定义内容 --> <Child title="今日头条" smailltitle="新闻最前沿"> 自定 阅读全文
摘要：
Vue3组件通信和Vue2的区别： 移出事件总线，使用mitt代替。 vuex换成了pinia 把.sync优化到了v-model里面了 把$listeners所有的东西，合并到$attrs中了 $children被砍掉了 常见搭配形式 props - 【父传子 子传父】 若 父传子：属性值是非函数 阅读全文
摘要：
简介 pinia 和 vuex 具有相同的功效， 是 Vue 的存储库，允许跨组件/页面共享状态 设计使用的是 Composition api，更符合vue3的设计思维 Pinia 对 Vue 2 和 Vue 3 都有效，并且不需要您使用组合 AP 可以理解为 一种集中式状态（数据）管理 Store 阅读全文
摘要：
Vue3的路由与Vue2相似，关于 Vue2的路由器相关可以参考 Vue2 vue-router 下面是一些补充 路由器工作模式 history模式 优点：URL更加美观，不带有#，更接近传统的网站URL。 缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误。 const rou 阅读全文
摘要：
简介 程序之中所有的操作都需要通过对象来完成 举例来说： 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 一切操作都要通过对象，也就是所谓的面向对象，那么对象到底是什么呢？这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反 阅读全文
摘要：
TS编译配置 自动编译单个文件 tsc 1.ts # 如果想要自动监视文件的变化，需要添加 `-W` 配置 tsc 1.ts -W 自动编译整个项目 初始化，会自动生成一个 tsconfig.json 文件，然后直接执行 tsc 命令，就可以对当前目录的所有ts文件进行编译，生成对应的js文件 # 阅读全文
摘要：
简介 TypeScript是JavaScript的超集，它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 TS代码需要通过编译器编译为JS，然后再交由JS解析器执行 TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用 相较于JS而言，TS拥有了静态类型，更加严格的语法 阅读全文
摘要：
选项式API OptionsAPI 和 组合式API CompositionAPI Vue2的API设计是Options（配置）风格的，就是选项式API Vue3的API设计是Composition（组合）风格的，就是组合式API 选项式API的弊端 Options类型的 API，数据、方法、计算属 阅读全文
摘要：
在 setup 的script标签中 去指定组件名字 1. 安装 npm i vite-plugin-vue-setup-extend -D 2. 配置 vue.config.ts import { defineConfig } from 'vite' import VueSetupExtend f 阅读全文