• 当前标签:Vue3

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

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

2024-10-16 08:57:33 361 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 1014 0 4
阅读详情

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

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

2022-08-26 18:22:27 592 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 796 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 622 0 0
阅读详情

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

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

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