bestofvuejs

发表于2022-10-01|更新于2026-02-24

|浏览量:

为美而献身，比为面包而活着要幸福的多——艾默生

分享一个高质量vue的组件、页面库：https://bestofvuejs.com/

收录了非常的多，也很精美

相关推荐

蚍蜉撼大树，可笑不自量。——韩愈《调张籍》我们可以使用LocalStorage在页面上存点东西，限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()

白昼之光，岂知夜色之深。——尼采 https://github.com/react-component/table rc-table：React 高级表格组件的最佳选择——深入解析 react-component/table在现代前端开发中，表格组件是数据展示与操作的核心。如何让表格既美观又功能丰富、同时能灵活扩展和高性能响应？如果你是 React 技术栈的开发者，rc-table（react-component/table）无疑是你值得关注的开源利器。本文将从官方 README 深度解读 rc-table 的功能亮点、技术架构、使用场景与最佳实践，让你全面了解并高效使用这一高质量表格组件。一、项目简介项目地址：https://github.com/react-component/table 在线演示：https://table-react-component.vercel.app/ 主要语言：TypeScript 许可协议：MIT 社区活跃度：1345+ Star，600+ Fork，持续迭代更新 rc-table 是一个为 React 设计的高...

react hook 生命周期

诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》官方文档：https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码： 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...

nvue获取节点信息

我们生活在阴沟里，但依然有人仰望星空。——王尔德在nvue中我们获取节点信息就需要如下写法： 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...

vue-router传参

生命是一张弓，那弓弦是梦想。——罗曼·罗兰官网之前我们配置过路由，这里就不多赘述如何配置了我们聊聊如何传参我们之前使用方式如下 1this.$router.push(page); 这里page为path，值为我们在router的index.js中配的/message/message 我们如果需要传参则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了，因为path和params一起用会导致params为空对象按照我们上面写的，我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...

vue-class-component

人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特官方文档：https://class-component.vuejs.org/ class-component是vue官方库之一，其可以让你使用class的方式定义、编写组件再加上ts的装饰器，最终效果如下： 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中