注意 delete的key值在vue2.2以上版本中支持Array + index 即list[1]用法。 假如我们有一个商品列表，每个列表包含了商品名称、商品价格和用户购买商品的数量，这三个字段，但是在服务器端对于商品列表而言是没有用户购买商品的数量这个概念的，所以服务器只能…

很多人其实并没有拿vite用于正式的项目开发中,仅仅是用vite运行下vue3跑跑demo。因为现在基于webpack构建的脚手架足够稳定及好用。 下面就我自己在vite使用中遇见的槽点而言,和大家分享下现阶段vite使用上的一些不爽之处,如有错误,欢迎留言评论。 这种报错自然…

编程语言里面，除了使用 if 语句来做条件判断，还有另外一个常用的就是 switch 了。 如果打印 slots 的话，你会发现可以得到一个对象，而 key 的值就是 slot 的名称，而 value 是一个函数，调用这个函数就可以获取到对应的 vnode。 setup 除了可…

假设需要轮播三张图片(1,2,3)，以前的思路就如图所示，添加两个节点。通过索引(index)的切换实现组件的无缝轮播。 这种想法的确可行，而且实现出来效果还不错。 大量的dom操作。 代码逻辑相对挺复杂，量也更多。 selected即为显示的内容的name，用sync做一个"…

有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…

vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 风格的后台管理系统。 yarn > npm > cnpm: - 包管理工具. Ant Design Vue Icon …

随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。 我最近就接到一个需求，做一个海报页面，并且能保存到手机，方便用户分享给朋友，希望能够达到人邀人的效果。 问题来了：二…

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

本文纯技术干货，首发于 掘金，转载请注明出处和作者。最近数月一直投身于 iView 的开源工作中，完成了大大小小 30 多个 UI 组件，在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件，这些特性有的是 Vue 文档中提到但却容易被忽略的，有的更是没…