• 当前标签：Vue3

Vue 【Vue】defineProps直接和withDefaults设置默认值区别

一、先回顾：Vue2 中 “解构丢失默认值” 的真实痛点（附案例） 在 Vue2 的 Options API 中，props 的默认值通过default配置定义，但只要对this.$props或this进行解构，就会同时丢失响应式和默认值，这是 Vue2 响应式原理（基于 Object.defineProperty）的

2025-09-13 14:31:44 94 0 0
阅读详情 

vite vite+vue3生成项目分析报告

前言 在vue3项目开发时项目创建者都会选择vite作为打包工具。但随着项目开发周期长，各种各样的项目依赖会逐渐增多，代码量增加，往往是导致vite线上线下打包慢的罪魁祸首，最致命的是所有项目依赖大小是不可见的，让项目管理者想要优化却显得力不从心。 思路：为了查看项目依赖明细，这里可以将项目依赖进行可视化后，查看依赖然

2024-10-16 08:57:33 785 0 0
阅读详情 

Vue uniapp+vite 博客小程序上线

一、前言 自上次开发小程序已经很久了，看到博客主题有相关的小程序，正好拿来复习下小程序相关知识。 本次采用uni-app+vite cli开发，具体搭建流程参考uni-app官方文档 uni+vite小程序源码：https://github.com/zjiafeng/uni-vite 参考代码：https://gith

2022-09-12 11:26:30 1337 0 5
阅读详情 

Vue vue2和vue3组件通信方式对比

Vue中组件通信方式有很多，其中Vue2和Vue3实现起来也会有很多差异；本文将通过选项式API 组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。 其中将要实现的通信方式如下表所示 方式 Vue2 Vue3 父传子 props props 子传父 $emit emits 父传子 $a

2022-08-26 18:22:27 861 0 2
阅读详情 

elementPlus vue3+ts+vite开发组件并上传到npm

一、使用vite构建工具初始化vue3项目 vite官方文档 # yarn yarn create vite my-vue-app --template vue-ts cd my-vue-app yarn yarn dev 目录结构如下图： lib：打包后的文件目录 packages：组件相关内容 src/App.vu

2022-08-14 18:04:06 1035 0 1
阅读详情 

Vue vue2和vue3如何动态(按需)注册组件

前言 项目中通过node对报告的不同节点权限进行了处理，前端根据返回的节点动态注册组件。下面记录下vue2和vue3注册组件的方式： vue2选项式 API (Options API) index.vue文件 <template> <div v-if="Object.keys(compone

2022-07-30 14:52:31 1000 0 0
阅读详情 

Vue Vue3响应式API-Reactive手写实现

前言 搭建本地开发环境，这里推荐使用pnpm包管理工具官方文档 安装相关依赖 esbuild minimist typescript esbuild是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。官方文档 minimist用来解析命令行参数 文档 pnpm init pnpm install

2022-06-22 21:59:39 647 0 0
阅读详情 
  • 1
前往
页

公告

【关于本站】
⭐ 整理、记录平时工作中遇到的问题，和自己的想法
【关于文章】
⭐ 部分文章来源网络，并附有原文链接，部分为学习笔记，若无特别说明，为原创文章

最新评论

站点统计

  • 标签：46个
  • 文章：59篇
  • 页面：4个
  • 评论：29条
  • 分类：23个
  • 最后更新：2025-11-10

标签云

更多