腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

更流畅、简洁的软件开发方式

专栏作者

312

文章

358031

阅读量

50

订阅数

Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots

component vue3 泛型数组作用域

泛型仅仅只是表达传啥都行吗？当然不是，因为js原生就支持“泛型”，本来就啥都可以传的。泛型的目的是——约束！泛型相当于制定了一个白名单，名单里面的类型可以传，不在名单里面的不可以传。

2023-10-16

5380

Vue3.3 的新功能的一些体验

vue3 编译表单对象语法

先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个script进行设置，现在简化了操作，直接使用 defineOptions 即可。

2023-10-16

3040

Vue3实现组件级基类的几种方法

vue3 编译编译器对象函数

vue3提供了 mixins和extends，但是尝试之后发现这两种方法只支持纯OptionAPI，设置的data会被识别，但是设置的setup里return 的 reactive，完全无效，setup也没有被执行。所以这种方式只能使用于第一种方式。

2023-05-02

3640

【摸鱼神器】UI库秒变低代码工具——表单篇（二）子控件

编程算法 json https javascript 打包

表单里面需要各种各样的子控件，像文本、数字、选择、日期等常见的需求，可以由内部提供组件解决，但是其他各种“奇奇怪怪”的需求怎么办呢？

2022-09-08

7270

【摸鱼神器】UI库秒变低代码工具——表单篇（一）设计

编程算法 json https 网络安全

表单是很常见的需求，各种网页、平台、后台管理等，都需要表单，有简单的、也有复杂的，但是目的一致：收集用户的数据，然后提交给后端。

2022-06-30

2.3K0

用Typescript 的方式封装Vue3的表单绑定，支持防抖等功能。

typescript 编程算法 https 网络安全

Vue3对于表单的绑定提供了一种简单的方式：v-model。对于使用者来说非常方便，v-model="name" 就可以了。

2022-06-27

1.1K0

【摸鱼神器】UI库秒变LowCode工具——列表篇（一）设计与实现

json 编程算法

如果基于原生HTML来实现显示数据列表的功能的话，那么需考虑如何创建 table，如何设置css等。如果直接使用UI库的话，那么可以简单很多，只需要设置各种属性，然后绑定数据即可。以 el-table 为例：

2022-06-12

1.7K0

【摸鱼神器】一次搞定 vue3的路由 + 菜单 + tabs

https 网络安全 javascript 打包 rollup.js

这个是不是有点繁琐？尤其是路由的设置和菜单的配置，是不是很雷同？那么能不能简单一点呢？如果可以实现设置一次就全部搞定的话，那么是不会很香呢？

2022-05-26

3.2K0

被迫开始学习Typescript —— vue3的 props 与 interface

vue.js https html 网络安全 api

Vue3 的 props ，分为 composition API 的方式以及 option API 的方式，可以实现运行时判断类型，验证属性值是否符合要求，以及提供默认值等功能。

2022-05-20

4.5K0

被迫开始学习Typescript —— class

编程算法 http 面向对象编程 https 网络安全

TS 的 class 看起来和 ES6 的 Class 有点像，基本上差别不大，除了可以继承（实现）接口、私有成员、只读等之外。

2022-05-18

3670

被迫开始学习Typescript —— interface

面向对象编程编程算法

一开始以为，需要使用 class 来定义呢，学习之后才发现，一般都是使用 interface 来定义的。

2022-05-15

2600

结合 Vuex 和 Pinia 做一个适合自己的状态管理 nf-state

vue.js javascript https 网络安全 node.js

结合 Vuex 和 Pinia，保留需要的功能，去掉不需要的功能，修改一下看着不习惯的使用方法，最后得到了一个满足自己需要的轻量级状态管理 —— nf - state。

2022-05-12

8770

从 jQuery 到 Vue3 的快捷通道

cdn javascript vue.js https html

jQuery的使用非常方便，用 script 引入 js文件即可，然后找到DOM即可开始操作。而 Vue3 也支持直接用 script 引入的方式，然后使用插值的方式绑定数据，我们来看一下使用方法：

2022-05-09

5850

简单了解一下pinia的结构

一开始看，是把数据部分变成了 ref，但是仔细一看，原理是toRef。好吧，大概是为了保证响应性，自动结构了。只是还是挺无语的。

2022-05-09

4410

nf-Press —— 在线文档也可以加载组件和编写代码

https 网络安全 cdn javascript node.js

上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能，这里介绍一下关于代码方面的功能。

2022-05-09

3030

vite2 打包的时候vendor-xxx.js文件过大的解决方法

https 网络安全打包 javascript rollup.js

vite2是一个非常好用的工具，只是随着代码的增多，打包的时候 vendor-xxxxxx.js 文件也越来越大，这就郁闷了。

2022-05-09

1.5K0

基于 vite2 + Vue3 写一个在线帮助文档工具

json vue.js javascript markdown https

VuePress 是“静态网站生成器”，需要我们自行编写文档，然后交给VuePress变成网站，VuePress 并没有提供编写环境，我知道有很多编写 Markdown 的方式，但是我还是喜欢编写、浏览合为“一体”的方式。

2022-05-09

1.2K0

通过UI库深入了解Vue的插槽的使用技巧

渲染 vue.js jquery

父子组件传值可以通过 prosp + emit 来实现，虽然 props 可以传递各种类型，但是却不能传递组件（包括HTML），这样灵活度就差了一些。那么怎么办呢？为了提高灵活性，Vue 提供了插槽功能。

2022-05-09

1.3K0

如何优雅的设置UI库组件的属性？

编程算法 json https javascript 打包

https://naturefw.gitee.io/nf-rollup-ui-controller/

2022-05-09

1.6K0

笼屉与夹肉馍（的制作方法）之于三层与MVC

　　其实本来不想在继续这个话题了，但是看到了今天的评论头条，不知道是不是被我误导了，当然也可能是我自作多情。所以我觉得还是应该在写一下，明确一下。

2022-05-09

2030

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态