背景在浏览列表类型的数据的时候，如果数据比较多一次性全部请求会出现性能损耗以及加载延迟等问题，那么此时分页组件就起到了关键作用，它可以只请求一部分数据，也不会占用太多的页面空间，想看别的数据可以通过页码的改变来发起请求，刷新页面数据。为什么要封装分页组件分页功能使用场景较多，故考虑封装为全局组件自己封装成本较低，需要什么功能就添加什么功能相对使用现成组件库，自己封装代码体积可控如何封装分页组件第一

按需自动引入elementUI首先需要插件unplugin-vue-components 和 unplugin-auto-importnpm iunplugin-vue-components unplugin-auto-import根据elementUI plus 官网说明快速开始.需要在vite.config.js中加入如下代码复制代码// vite.config.tsimport AutoIm

vuex的基本使用

目录一、pinia特点二、基本使用2.1安装2.2在main.js中引入pinia并创建容器挂载到根实例上2.3创建store/index.js三、属性3.1 state3.2 getter3.3 actions四、数据持久化一、pinia特点兼容vue2和vue3版本删除mutations现不能与vuex 混用支持插件扩展功能支持模块热更新无需加载页面可以修改容器，可以保持任何现有的状态更完美T

Vue3中我用的是 screenfull 插件官网：screenfull相关API.request(ele) 全屏.exit() 退出全屏.toggle() 切换全屏.on(event, function) ： event为 ‘change’ | ‘error’ 注册事件.off(event, function) ： 移除前面已经注册的事件.element： 返回一个全屏的dom节点，如果没有就为

目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff 优化打包优化自定义渲染APITypeScript 支持生命周期的变化整体来看，变化不大，只是名字大部分需要 +on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直接调用，如下所示。//vue3<scriptsetup>import{onMount

一、nvm介绍在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用2.1 nvm下载安装包下载地址：https://github.com/core

目录一、HbuilderX打包二、发行四、打开小程序体验注意 ：一、HbuilderX打包选中项目-点击发行（U）- 小程序-(微信仅适用于uniapp)（W）二、发行填写微信小程序Appid点击发行，项目会进行编译，等待编译完成，会提示前往小程序上传前往小程序开发工具打开这个小程序然后提示上传成功四、打开小程序体验这是你的第一个版本，点击蓝色的体验，会有一个二维码，用自己的账号体验，让别人体验的

创建vue项目时文件夹内容要为空不然无法创建cmd切换盘符：E：回车。切换淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org更新npm版本：npm install -g npm1、安装vue2脚手架（1）、在cmd命令行中输入脚手架安装命令；（2）、全局安装vue脚手架：npm install -g vue-cli

按需自动引入elementUI首先需要插件unplugin-vue-components 和 unplugin-auto-importnpm iunplugin-vue-components unplugin-auto-import根据elementUI plus 官网说明快速开始.需要在vite.config.js中加入如下代码复制代码// vite.config.tsimport AutoIm