杨振洲的博客

Vue 3 编程的 10 个实用技巧，提升开发效率与代码质量

Ares0412 — Thu, 05 Feb 2026 11:32:38 +0800

本文介绍了Vue 3响应式系统的三种核心技巧：1）合理使用ref和reactive创建响应式数据，基础类型用ref，复杂对象用reactive；2）使用toRefs和toRef保持解构后的响应式特性；3）按需选择watch或watchEffect进行数据监听，前者适合精确监听，后者适合自动追踪依赖。这些技巧能帮助开发者更高效地构建Vue应用，同时避免常见的响应式陷阱。

前端vue项目打包成桌面端exe应用

Ares0412 — Wed, 09 Apr 2025 14:23:27 +0800

注意：如果你的项目使用了VueRouter，那么切记：VueRouter一定不能是History模式。

TypeScript学习笔记

Ares0412 — Mon, 13 Jan 2025 16:29:57 +0800

TypeScript是JavaScript类型的超集，简称TS，包含JavaScript语法支持ES6标准，所以在学习TypeScript之前一定要先学会ES6，TypeScript是由微软开发的自由和开源的编程语言，TypeScript支持类型定义、类、接口、枚举、泛型等特性，所以其设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的JavaScript可以运行在任何浏览器上。泛型类是在定义类时，为类中的属性或方法定义泛型类型，在创建类的实例时，再指定特定的泛型类型。

在vsCode中使用deepseek-v3

Ares0412 — Thu, 02 Jan 2025 10:24:19 +0800

deepseek效果很好，而且国内价格也很便宜。让cursor和cline编程工具配置deepseek大模型。

web移动端项目常用解决方案

Ares0412 — Fri, 27 Dec 2024 16:30:11 +0800

移动端总会遇到一系列特定于移动设备的问题，分享下常见的移动端常见问题的处理方案。

使用vue3搭建前端模拟增删改查

Ares0412 — Fri, 27 Dec 2024 16:12:15 +0800

vue前端实现增删改查

Vue3 重学这 5 个常用的 API

Ares0412 — Mon, 31 Oct 2022 16:29:23 +0800

距离Vue3发布已经过去一年多时间了，从Vue2到Vue3是一个不小的升级，包括周边生态等。虽然目前大多数开发者们在使用的仍旧以Vue2为准，但Vue3显然是Vue开发者们未来必须面对的，而且前不久Vue官方也发布了Vue2.7.0，使得Vue2可以兼容Vue3的API，这让开发者可以在项目不升级Vue3的情况下依旧可以使用Vue3的开发方式，这为Vue2开发者学习Vue3提供了一个非常好的过渡途径。

vue3 TS elementplus项目总结

Ares0412 — Mon, 24 Oct 2022 16:17:08 +0800

vue3 TS Elementplus的使用

JSON.parse(JSON.stringify(obj))深拷贝的问题

Ares0412 — Tue, 18 Oct 2022 13:29:10 +0800

如果obj中的对象是有构造函数生成的，则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor。浅拷贝：只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据。1、如果obj里面存在时间对象,JSON.parse(JSON.stringify(obj))之后，时间对象变成了字符串。深拷贝：将数据中所有的数据拷贝下来，对拷贝之后的数据进行修改不会影响到原数据。

git环境变量配置及node升级相关问题

Ares0412 — Thu, 04 Aug 2022 15:58:54 +0800

如果出现cmd:无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确。因为有些版本sass不支持样式穿透符 >>> 所以要更换成::v-deep。node升级到v16.16.0版本之前项目依赖的更改。node-sass 去掉改换成下面版本。最近新装电脑总结一些问题。...

vue3.2项目有感

Ares0412 — Thu, 21 Jul 2022 14:31:10 +0800

更方便的是，他有更好玩的用法。也许你会觉得这样就更简单了，其实恰恰相反，CompositionAPI其实要求你对逻辑处理有更清晰的认识，对于封装有更高的要求，否则，你一样会写成比以前更丑的代码。我认为，setup是一个链接，是把数据和template连接起来的一个桥梁，因此才会使用这个动词，本质上这不是一个生命周期，是一个动作，是我们把数据和Vue连接起来。最妙的是，这里实现当使用时注册回调，不使用时移除，通过reactive通信,而且可以把回调方法隐藏起来，我需要的只是结果，而不需要把所有代码都在外层。.

Vue3基础难点总结

Ares0412 — Wed, 20 Jul 2022 14:33:08 +0800

vue3.0相比于vue2.0的一些变化难点

如何使用vue开发公众号网页

Ares0412 — Tue, 17 May 2022 22:40:27 +0800

通过vue-cli创建项目安装脚手架工具 npm install -g @vue/cli # OR yarn global add @vue/cli 创建一个项目 vue create water_project 关于移动的适配因为是移动端网页，所以需要做适配。网上有很多适配方案这里就不展开说了，主要说下本项目使用的方案是amfe-flexible结合rem来做的，是淘宝的一种解决方案。关于设计稿的单位px转换为rem使用的是postcss的postcss-pxtorem方案。其实用webp

微信小程序开发常用知识

Ares0412 — Thu, 07 Apr 2022 23:50:58 +0800

生命周期应用的生命周期函数 onLaunch(Object object) 小程序初始化完成时触发，全局只触发一次。参数也可以使用 wx.getLaunchOptionsSync 获取。 onShow(Object object) 小程序启动，或从后台进入前台显示时触发。也可以使用 wx.onAppShow 绑定监听。 onHide() 小程序从前台进入后台时触发。也可以使用 wx.onAppHide 绑定监听。 onError(String error) 小程序发生脚本错误或 API 调用报错时触发。

Vue3.2中的setup语法糖

Ares0412 — Wed, 23 Mar 2022 14:35:02 +0800

vue3.2 到底更新了什么？根据原文内容的更新的内容主要有以下 5 块： 1.SSR：服务端渲染优化。@vue/server-renderer包加了一个ES模块创建，与Node.js解耦，使在非Node环境用@vue/serve-render做服务端渲染成为可能，比如(Workers、Service Workers) 2.New SFC Features：新的单文件组件特性 3.Web Components：自定义 web 组件。这个我们平时很少用到，但是应该知道 4.Effect Scope A

Vue3 中的 setup 语法糖

Ares0412 — Thu, 24 Feb 2022 13:25:44 +0800

MySQL的基本操作

Ares0412 — Thu, 20 Jan 2022 16:13:36 +0800

SQL 能做什么 ① 从数据库中查询数据 ② 向数据库中插入新的数据 ③ 更新数据库中的数据 ④ 从数据库删除数据 ⑤ 可以创建新数据库 ⑥ 可在数据库中创建新表 ⑦ 可在数据库中创建存储过程、视图 ⑧ etc… MySQL常用的语句 SELECT 语句用于从表中查询数据。执行的结果被存储在一个结果表中（称为结果集）。这里以user表进行示例 -- 通过 * 把 users 表中所有的数据查询出来 -- select * from users -- 从 users 表中把 username 和 pas

Vue3 和 Vue2 的组件通信方式

Ares0412 — Mon, 13 Dec 2021 16:55:37 +0800

## Vue2.x组件通信12种方式写在后面了，先来 Vue3 的 Vue3 组件通信方式大致分为以下几种 props $emit expose / ref $attrs v-model provide / inject Vuex mitt Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下方法一，混合写法 // Parent.vue 传送

一份 ElementUI 问题清单

Ares0412 — Sat, 23 Oct 2021 09:17:07 +0800

1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。

vue 插槽详解

Ares0412 — Fri, 08 Oct 2021 15:45:18 +0800

插槽：作用：可以让你封装组件的时候让组件更加的灵活默认情况下组件标签内部嵌套的标签或者组件默认是不会显示的。如果需要进行显示则就需要用到了插槽匿名插槽 1、在组件标签内部书写templet标签，需要嵌套的内容放在template标签内部。同时给template标签加一个指令 v-slot 2、在组件的内部通过进行接收嵌套的数据这里举出一个实例 //父组件