前置加入购物车购物车唤起&加入购物车通过点击加入购物车首先， 我们需要在vant中找到对应的组件， 这里是ActionSheet组件。 通过对ActionSheet组件的修改， 从而得到我们需要的内容。这里我将已经修改过的代码展示出来<van-action-sheet v-model="showPannel" :title="mode ===
......
43
0
0
2024-12-06
VueCli 自定义创建项目1.安装脚手架 (已安装)npm i @vue/cli -g
2.创建项目vue create hm-exp-mobile
选项Vue CLI v5.0.8
? Please pick a preset:
Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel
......
39
0
0
2024-12-06
通过前端项目Mall-project （https://github.com/Ray2310/MallProject）使得对于vue技术的实现有了大致的了解和使用。 这里我将具体到一个模块的完成， 从而实现对于vue技术在登录模块下的各个方面的细致讲解。 首先，我们按照vue的思想， 通过组件的形式来完成对于项目的code。 因此按照项目的UI图 以及 登录
......
73
0
0
2024-12-06
前言当谈到 Web 应用的客户端存储时，localStorage API 脱颖而出，它允许开发者直接在浏览器中存储键值对。在开发 Vue 应用时，我们有时候需要将用户数据保存在本地，实现持久化存储。我们可以自己编写存储功能，也可以使用 Pinia 生态的存储插件，比如目前人气最高的 pinia-plugin-persistedstate，而这个插件的默认存储
......
64
0
0
2024-12-03
前端 UI 组件库是前端开发者必备的工具之一，它们可以帮助开发者快速构建用户界面，提高开发效率。本文推荐几款热门的vue3 UI组件库，排名不分前后。Naive UI开发团队：TuSimple（图森未来）官网：www.naiveui.com/GitHub：github.com/tusen-ai/naive-ui/Naive UI是由TuSimple团队开发并
......
99
0
0
2024-11-02
前言vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。什么是静态提升？我们先来看一个demo，代码如下：<template>
<div>
<h1>t
......
64
0
0
2024-10-23
目录VUE-局部使用快速入门常用指令v-forv-bindv-if & v-showv-onv-modelvue生命周期AxiosVue案例VUE-局部使用Vue 是一款用于构建用户界面的渐进式的JavaScript框架。 （官方：https://cn.vuejs.org/）快速入门准备准备html页面,并引入Vue模块（官方提供）创建Vue程序的
......
72
0
0
2024-10-19
写在前面很早的一篇博客，整理了部分，蹭假期整理完博文内容涉及:双向数据绑定 实现方式简单介绍基于发布订阅、数据劫持的双向数据绑定两种不同实现(ES5/ES6) Demo，以及代码简单分析Object.defineProperty && Proxy API 介绍以及特性对比理解不足小伙伴帮忙指正 :),生活加油 对每个人而言，真正的职责只有一个
......
84
0
0
2024-10-11
前言： 好久没有更新咯，咱就是说 2024 在学习道路上继续前进！开年的第一篇文章献给 vue3，咱也紧跟着尤大大的脚步，在加班的日子里捣鼓了一番 vue3+vite+typeScript，在查阅了众多资料和实践后，终于搭建好了一个完整的项目，好记性不如烂笔头，来记录一下搭建过程。一.技术栈编程语言：typeScript v5.3.3构建工具：vite v5
......
121
0
0
2024-09-27
1. 环境准备➜ app-cicd node --version
v18.0.0
➜ app-cicd npm --version
9.6.6
2. 安装2.1 初始化选项项目初始化选择。➜ app-cicd npm init vue@latest
Vue.js - The Progressive JavaScript Framework
......
132
0
0
2024-09-03
简介2023 年 12 月 31 日，vue2 已经停止维护了。你还不会 Vue3 的源码么？手把手带你实现一个 vue3 响应式系统，你将获得：Vue3 的响应式的数据结构是什么样？为什么是这样？如何形成的？Proxy 为什么要配合 Reflect 使用？如果不配合会有什么问题？Map 与 WeakMap的区别响应式数据以及副作用函数响应式系统基本实现依赖
......
120
0
0
2024-08-27
vue项目结构前置准备1.nodejs
2.vue-cli
3.创建项目：vue ui vue create 项目名（不能用纯VUE做名字）
项目结构node_modules //依赖 插件包 可以删 包里的插件全部在一个网站里【重点】public //公共目录，存放着唯一的html模板【重点】src //源代码 项目的核心所在，不能删
......
256
0
0
2024-07-03
1. Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Release v3.0.0 One Piece · vuejs/core截止2023年10月，最新的公开版本为：3.3.41.1. 【性能的提升】打包大小减少41%。初次渲染
......
319
0
0
2024-07-03
使用 vue 开发时，频繁使用到了 axios 这个网络请求库，这里对其做一个发起请求时携带参数方式的小结。一、基本使用1.1. GET 请求注意：GET请求无请求体，可以是可以有请求体body的,但是不建议带。为什么不建议带请求体？:::details 由文心大模型 3.5 生成在HTTP协议中，GET请求通常用于请求数据，而POST请求则通常用于提交数据
......
306
0
0
2024-07-03
引子json-server 为前端带来后端服务官网全局安装 json-server 工具yarn global add json-server
新建一个 json 文件夹cd db
{
"cart": [
{
"id": 1,
"name": "“小金龙”龙年款实战贾莫兰特男子篮球鞋",
"pri
......
285
0
0
2024-07-03