Vue状态管理库Pinia详解 Pinia 是 Vue 的状态管理库,它提供了一种更简单、更不规范的 API 来管理应用的状态。Pinia 的设计哲学是简单性和易用性,它避免了 Vuex 中的许多复杂概念,如 mutations 和模块的嵌套结构,提供了一种更现代、更符合 Vue 3 Composition API 风格的状态管理方式。先来瞅一眼 Pinia 的核心组件主要包括以下几个方面:Store:Pinia 中的 前端开发 2024年08月23日 0 点赞 1 评论 166 浏览
预约按摩程序如何打包按摩VUE后台管理系统项目 1、 如果安装好环境后代码无法运行,请参考下图对应版本2、 找到文件【api/index.js】然后搜索【developmentURL】,将其更改为您自己的授权域名3、 打包后需在【dist-static-js-manifest.js】文件中搜索【"./"】替换为【lbConfig.jsPath】,然后将【static】文件上传到服务器对应目录4、 本地运行,需在线上获取token,然后在登录页面 编程语言 2024年05月24日 0 点赞 0 评论 106 浏览
十五分钟两百行代码,手写一个vue项目全局通用的弹框 前言:我们在写vue项目时,弹框是非常常用的组件,并且在同一个项目中,弹框大多类似。所以我们可以抽离封装出一个通用的弹框;因为vue3可向下兼容,所以作者这边会使用vue2的写法,vue3写法大同小异。第一步:新建相关文件一般来说是在src/components/dialog下新建如下两个文件:index.vue:该文件是组件内容相关的,用来书写弹框组件的结构、样式、和动态逻辑;in 前端开发 2024年08月23日 0 点赞 0 评论 187 浏览
Vue3 中的 v-bind 指令:你不知道的那些工作原理 前言v-bind指令想必大家都不陌生,并且都知道他支持各种写法,比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的,将title变量绑定到div标签的title属性上。本文将通过debug源码的方式带你搞清楚,v-bind指令是 前端开发 2024年06月24日 0 点赞 0 评论 104 浏览
Vue3.5的useTemplateRef让ref操作DOM更加丝滑 前言vue3中想要访问DOM和子组件可以使用ref进行模版引用,但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素?还有template中ref属性的值明明是一个字符串,比如ref="inputEl",怎么就和script中同名的inputEl变量绑到一块了呢?所以Vue3.5推出了一个useTemplateRef函数,完美的解决了这些问题。ref模版 前端开发 2024年09月04日 0 点赞 0 评论 171 浏览
Webpack 代码分割和懒加载技术 在现代前端开发中,优化应用性能是一个至关重要的任务。Webpack 作为一个强大的打包工具,为我们提供了代码分割和懒加载的功能,可以显著提升应用的加载速度和用户体验。本文将深入解析 Webpack 的代码分割和懒加载技术,帮助开发者更好地理解和应用这些技术。什么是代码分割?代码分割(Code Splitting)是一种将代码拆分成多个小包的技术,以便按需加载。这样可以避免一次性加载所有代码,从 前端开发 2024年07月15日 0 点赞 0 评论 137 浏览
Vue Hook 封装通用型表格 一、创建通用型表格的需求实现一个通用型表格组件,具备以下功能:动态列配置。分页功能。排序功能。可扩展的行操作功能。二、设计通用型表格组件首先,需要设计一个基础的表格组件,它接受列配置、数据和分页信息等参数。1. 创建useTableHook在src/hooks目录下创建useTable.js文件:&n 前端开发 2024年08月02日 0 点赞 0 评论 164 浏览