胖蔡说技术
随便扯扯

标签:vue3

记录一次基于Vite搭建Vue3项目的过程-胖蔡说技术
Vite

记录一次基于Vite搭建Vue3项目的过程

胖蔡阅读(106)评论(0)赞(0)

Vue2已经于2023年12月31日停止维护了,2024年算是vue3的崭新的一年,我们的项目也基本从vue2逐渐向着Vue3过渡,Vue3相较于vue2有更好的开发体验,和ts的自然融合使得项目的结构、功能拆分变得更加的清晰;组合式声明有...

Vue3工程中接入tailwindcss-胖蔡说技术
CSS

Vue3工程中接入tailwindcss

胖蔡阅读(108)评论(0)赞(0)

之前的vue项目中需要写入样式,发现不支持原子样式,写起来不是特别方便,布局也麻烦,就把tailwind css接入到这个项目里了,这里记录下整体的接入流程,不得不说tailwind使用起来是真的简单。

Vue3中使用a-select封装分页下拉框-胖蔡说技术
TypeScript

Vue3中使用a-select封装分页下拉框

amiko阅读(291)评论(0)赞(1)

常规开发过程中,一般性质的下拉框已经满足我们的日常使用需求,但涉及到复杂场景、大数据量的时候,为了考虑前端的渲染压力和交互的友好性,我们需要对现有的下拉框进行一定的改造,实现下拉分页的功能。这里,我使用的是 "ant-design-vue"...

Vue3中如何使用Provide和Inject实现通信-胖蔡说技术
JavaScript

Vue3中如何使用Provide和Inject实现通信

胖蔡阅读(874)赞(0)

在对等级之间传参中,像是是父子,我们使用props是ok的,但是有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去,可能会很麻烦。这里就要用到上面的第四种方法(provid...

JavaScript

简单了解Vue3中的proxy

胖蔡阅读(1154)赞(0)

Vue3使用的proxy是什么? 众做周知Vue2的双向绑定原理是利用了ES5的一个APIObject.defineProperty()对数据进行劫持,结合发布订阅模式的方式来实现的。 而Vue3 中则是使用了ES6的Proxy 对数据代理...

浅谈Vite-胖蔡说技术
Vue

浅谈Vite

胖蔡阅读(1584)赞(1)

1. Vite 简介 1.1 Vite是什么? Vite是一个由原生 ES Module 驱动的 Web 开发前端构建工具,它能显著改善前端开发体验; 要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速...