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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

云前端

专栏作者

173

文章

280973

阅读量

30

订阅数

全面了解 Vue.js 函数式组件

vue.js react typescript html javascript

如果你是一位前端开发者，又在某些机会下阅读过一些 Java 代码，可能会在后者中看到一种类似 ES6 语法中箭头函数的写法

2021-11-02

2.7K0

在不同 webpack 版本的 Vue 项目中配置 Storybook

uml webpack vue.js javascript 打包

在之前的一篇文章中，介绍过组件化搭建工具 storybook 在 vue 项目中的安装和配置。相比于其成文的时间，vue 项目依赖的工具多有发展；并且在实际应用中，多种历史版本的项目并存的状况比比皆是，用官方提供的 npx sb init 往往会出现配置失败的情况，而较新或过旧的资料都在网上难觅 -- 所以在此特别补充一篇，记录新、旧两种典型配置下，storybook 可用的手动配置方法： 1. babel7 + webpack5 1.1 安装过程 diff --git a/.babelrc b/.b

2021-04-29

9220

立等可取的 Vue + Typescript 函数式组件实战

网络安全 https 单元测试 typescript vue.js

不同于面向对象编程（OOP）中通过抽象出各种对象并注重其间的解耦问题等，函数式编程（FP）聚焦最小的单项操作，将复杂任务变成一次次 f(x) = y 式的函数运算叠加。函数是 FP 中的一等公民（First-class object），可以被当成函数参数或被函数返回；同时，这些函数应该不依赖或影响外部状态，这意味着对于给定的输入，将产生相同的输出。

2020-11-04

2.2K0

顺藤摸瓜：用单元测试读懂 vue3 中的 defineComponent

vue.js api 编程算法 https 单元测试

在 Vue 3 的 Composition API 中，采用了 setup() 作为组件的入口函数。

2020-11-04

2.5K0

[译] VueJS 中更好的组件组合方式

api vue.js 编程算法 react

VueJS 中有一些组合组件并复用逻辑的方法。在本文中，我将展示一种在 Vuejs (2.* 及 3.*) 中改进组合方式的方法。

2020-09-24

1.3K0

[译] Vue 应用的代码覆盖率

腾讯云测试服务 vue.js javascript

原文地址：https://vuejsdevelopers.com/2020/07/20/code-coverage-vue-cypress/ 原文作者：Gleb Bahmutov 译文出自："掘金翻译

2020-09-16

2.8K0

[译] 在 Vue 组件中分离 UI 和业务逻辑

单元测试腾讯云测试服务 vue.js 编程算法

原文：https://vuejs-course.com/blog/separating-ui-and-business-logic-in-vue-components

2020-09-08

1.6K0

Vue 3 新特性：在 Composition API 中使用 CSS Modules

css api vue.js 编程算法网络安全

在 Vue 3 Composition API 最近的一次 beta 升级中，无论是 Vue 3 本 3 库 vue-next，还是面向 Vue 2 过渡用的 @vue/composition-api 库中，都同步更新了一个 useCSSModule 函数 -- 用来在使用了 Composition API 的 Vue 实例中，支持 CSS Modules 语法。

2020-07-15

2.4K0

[译] 用 Typescript + Composition API 重构 Vue 3 组件

api vue.js javascript typescript https

原文：https://vuejs-course.com/blog/vuejs-3-typescript-options-composition-api

2020-07-09

1.4K0

[译]: Vue.js 函数式组件：what, why & when?

https vue.js 网络安全

原文：https://medium.com/js-dojo/vue-js-functional-components-what-why-and-when-439cfaa08713

2020-07-06

1.8K0

[译] 用 Vue 3 Composition API 实现 React Context/Provider 模式

原文：https://markus.oberlehner.net/blog/context-and-provider-pattern-with-the-vue-3-composition-api/

2020-07-06

1.6K0

顺藤摸瓜：用单元测试读懂 vue3 中的 provide/inject

vue.js api react

React Context API 提供了一种 Provider 模式，用以在组件树中的多个任意位置的组件之间共享属性，从而避免必须在多层嵌套的结构中层层传递 props。其围绕 Context 的概念，分别提供了 Provider 和 Comsumer 两种对象。

2020-07-02

1.6K0

[译] 复用 Vue 组件的 6 层手段

原文：https://michaelnthiessen.com/6-levels-of-reusability/?cksubscriberid=687636220 在编写代码的时候，谁都想“少干活、多

2020-07-02

3630

顺藤摸瓜：用单元测试读懂 vue3 watch 函数

在 Vue 3.x 的 Composition API 中，我们可以用近似 React Hooks 的方式组织代码的复用；ref/reactive/computed 等好用的响应式 API 函数可以摆脱组件的绑定，抽离出来被随处使用了。

2020-07-02

1.9K0

[译] 监听第三方 Vue 组件的生命周期钩子

原文：https://vuedose.tips/listen-to-lifecycle-hooks-on-third-party-vue-js-components/

2020-07-02

6600

[译] 用 Vue.js 3 Composition API 创建 i18n 插件

原文：https://vuedose.tips/create-a-i18n-plugin-with-composition-api-in-vuejs-3/

2020-07-02

2.1K0

实例入门 Vue.js 单元测试

腾讯云测试服务单元测试 vue.js https javascript

作为一个以文档丰富而广为人知的前端开发框架， Vue.js 的官方文档中分别在《教程-工具-单元测试》、《Cookbook-Vue组件的单元测试》里对 Vue 组件的单元测试方法做出了介绍，并提供了官方的单元测试实用工具库 Vue Test Utils；甚至在状态管理工具 Vuex 的文档里也不忘留出《测试》一章。

2020-06-15

2.8K0

[译] 对 Vue-Router 进行单元测试

腾讯云测试服务 vue.js 单元测试 nest 缓存

原文：https://medium.com/js-dojo/unit-testing-vue-router-1d091241312

2020-06-15

2.1K0

在 React 和 Vue 中尝鲜 Hooks

react https 网络安全编程算法 vue.js

在美国当地时间 10 月 26 日举办的 React Conf 2018 上，React 官方宣布 React v16.7.0-alpha 将引入名为 Hooks 的新特性，在开发社区引发震动。

2020-06-15

4.2K0

[译] 在 vue-test-utils 中 mock 全局对象

vue.js 腾讯云测试服务渲染

原文：https://itnext.io/mocking-global-objects-in-vue-test-utils-a8822df013a8

2020-06-15

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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