摘要：
响应式开发原理 响应式开发就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同的设备 设备的一般划分情况如下： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备(平板) 992~1200之间的为中屏设备（桌面显示器） 大于1200的为宽屏设备（大桌面显示器） 媒体查询 阅读全文
摘要：
引入 uni-ui 组件库 1. 安装 pnpm i @dcloudio/uni-ui 2. 配置自动导入组件 pages.json文件 // 组件自动导入 "easycom": { "autoscan": true, "custom": { // uni-ui 规则如下配置 // [!code + 阅读全文
摘要：
通过 HBuilderX 创建 在 HBuilderX 工具里面直接创建即可 安装 uni-app vue3 编译器插件 如果是小程序，还需要下面的一些配置 设置 微信开发者工具 安装地址 开启服务端口 命令行创建 uni-app 项目 1 创建：创建以 typescript 开发的工程 npx d 阅读全文
摘要：
指定组件的名称 在 setup 的script标签中 去指定组件名字 1. 安装 npm i vite-plugin-vue-setup-extend -D 2. 配置 vue.config.ts import { defineConfig } from 'vite' import VueSetup 阅读全文
摘要：
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 可以理解为 a56爆大奖在线娱乐集中式状态（数据）管理 Store 阅读全文
摘要：
Vue3的路由与Vue2相似，关于 Vue2的路由器相关可以参考 Vue2 vue-router 下面是一些补充 路由器工作模式 history模式 优点：URL更加美观，不带有#，更接近传统的网站URL。 缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误。 const rou 阅读全文
摘要：
简介 程序之中所有的操作都需要通过对象来完成 举例来说： 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 一切操作都要通过对象，也就是所谓的面向对象，那么对象到底是什么呢？这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反 阅读全文