Vue3从入门到精通(二)
vue3 侦听器 在Vue3中，侦听器的使用方式与Vue2相同，可以使用watch选项或$watch方法来创建侦听器。不同之处在于，Vue3中取消了immediate选项，同时提供了新的选项和API。 创建侦听器 可以使用watch选项或$watch方法来创建侦听器，语法与Vue2相同。示例如下： ... »
从0搭建Vue3组件库(九):VitePress 搭建部署组件库文档
## VitePress 搭建组件库文档 当我们组件库完成的时候,一个详细的使用文档是必不可少的。本篇文章将介绍如何使用 VitePress 快速搭建一个组件库文档站点并部署到GitHub上 ## 安装 首先新建 site 文件夹,并执行`pnpm init`,然后安装`vitepress和vue` ... »
VUE路由传参的实用方式
本文讲解了VUE项目中路由之间的传值方式，涉及到的方法都是开发时常用的，希望对大家有多帮助。 1. 方式一：使用router-link标签 1.1 params 传参 首先定义好路由 const routes = [ { path : ‘/home’ , component : () => impo ... »
Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法
## 动态组件 ```html // // component标签的is属性等于组件名字，这里就会显示这个组件 首页 商品 订单 ``` ### keep-alive ```html // 使用keep-alive把动态组件包裹起来 保存当前状态 就算切换到其他组件再切换回来 依旧还是之前的状态 首 ... »
【前端方案】-表格排序列LRU缓存方案
目标： 排序后的表格列，页面刷新或者用户重新登录后，能够保持之前的操作排序 完成效果：  解决方案： 利用loca ... »
Vue3 之 响应式 API reactive、 effect源码，详细注释
Vue3之响应式 API reactive、 effect源码，详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理，将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow，对 ... »
Vue3从入门到精通(一)
Vue3简介 Vue3是Vue.js的最新版本，于2020年9月18日正式发布。Vue3相比Vue2有很多改进和优化，包括但不限于： 更快的渲染速度：Vue3通过使用Proxy代理对象和优化虚拟DOM算法等方式，提高了渲染性能。 更小的体积：Vue3的体积比Vue2更小，打包后的文件更小，加载速度更 ... »
SignalR+Hangfire 实现后台任务队列和实时通讯
# SignalR+Hangfire 实现后台任务队列和实时通讯 1.简介： SignalR是一个.NET的开源框架，SignalR可使用Web Socket, Server Sent Events 和 Long Polling作为底层传输方式实现服务端和客户端的实时数据交互。 Hangfire是一 ... »
Vue——计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性
## 计算属性 ```html // 1 计算属性是基于他们的依赖变量进行缓存的 // 2 计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变(函数只要页面变化，就会重新运算) // 3 计算属性就像python中的property装饰器，可以把方法/函数伪装成属性 // 4 计算属性 ... »
Vue自定义指令-让你的业务开发更简单
## 1、使用场景 在日常开发中，我们会将重复代码抽象为一个函数或者组件，然后在需要时调用或者引入。但是，对于某些功能，这种方法可能不够优雅或者不够灵活。例如，我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件，这些操作可能难以通过函数或组件来实现。这时，[自定义指令](https://v ... »
Vue——表单控制、购物车案例、v-model进阶、与后端交互三种方式、箭头函数
## 表单控制 ```html // 1 checkbox 单选 多选 // 2 radio 单选 checkbox单选 用户名: 密码: 记住密码: 用户名：{{username}} >密码：{{password}} >记住密码：{{remember}} checkbox多选 用户名: 密码: 记 ... »
完成第一个 Vue3.2 项目后，使用体会
第一次Composition API 在vue3.2中，正式支持了script setup的写法,这样可以大大简化组件的代码量，减少一些重复操作，我认为当你写vue3时，应该把这当作默认写法。在vue3.2之前，一般会这样写。 <script> export default { setup(prop ... »
若依前端问题集合[前后端分离版本]
>[TOC](目录) # 1.若依前后端分离页面改变title 修改浏览器title和icon图标 在项目==public==文件夹中有==index.html==文件:引入Husky规范git提交
## 为什么要引入 husky? 虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦的事情,同时也为了避免团队成员提交五花八门message,因此我们 ... »
Vue——属性指令、style和class、条件渲染、列表渲染、事件处理、数据双向绑定、过滤案例
## vm对象 ```html {{name}} 点我 ``` ## 函数传参 ```html 函数，可以多传参数，也可以少传参数，都不会报错 点我 事件对象，调用函数，不传参数，会把当前事件对象，传入，可以不接收，也可以接收 点我2 点我3 ``` ## 属性指令 ```html // 标签上 n ... »
Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令
## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ... »
通过实例了解vue3.3更新的特征
#### 开场白 ``` 5月份，vue团队发布了 vue3.3. 这次小版本的发布主要解决了-- Vue 与 TypeScript 一起使用时的许多长期存在的痛点. 下面我们一起来学习一下vue3.3新特征 ``` #### 准备新新特征的环境 ``` 根据官方团队的描述，我们需要准备一下工作。 ... »
VuePress2.0构建项目文档系统
# VuePress2.0构建项目文档系统 参考TerraMours 官网。[https://terramours.site/](https://terramours.site/) 文件结构参考：  ### 1.创建文件夹 我创建了一个文件夹，然后在文件夹中打开了powershell ``` ... »