标签:vue

Nuxt.js快速上手

Nuxt.js是一个基于Vue.js,Vue Router,Vuex,Vue Server Renderer和vue-meta等插件的通用框架。它的应用范围很广,你可以用它来创建静态网站或单页面应用。它有以下优点:基于Vue.js,Vue.js生态内的东西都可以为你所用;自动化路...

在Vue.js中使用动态组件

作者讲述了他在使用Vue.js开发页面的时候,会遇到一种场景,页面上要展示哪个组件不是确定的,是根据接口中的返回值来动态地判断进行展示。作者在Vue.js中使用component组件,可以很好地实现动态组件,通过is属性来动态地展示对应的组件。文中使用了简单的示例进行讲解,参考如...

用TypeScript和Vue实现可交互的Canvas元素

在vue中可以通过「v-*」来定义html标签的属性,但是canvas属性不能直接接收。作者本以为这是一个很简单的问题,但是最后却饶了很多路才解决,并放出自己的解决方案。 作者使用Vue中的directive(指令)来解决canvas元素与外界ViewModel保持数据同步的操作...

Villus-一个为Vue.js设计轻量且高效的GraphQL客户端工具

Facebook团队发布的GraphQL,让数据查询变得灵活且直观,GraphQL按简单地理解就是一个可以预测请求和响应的HTTP请求,很多开发者已经在使用它了。 Apoll 是一个基于Graph的数据查询平台,它现在有非常丰富的生态,有大量的工具可用,当然它也是一个PaaS系统...

过去十年,最重要的十个JavaScript框架

前端开发在过去十年间发生了翻天覆地低变化,在过去十年间有很多的JavaScript框架改变了我们开发前端应用软件的方式,可以说被革了很多次命了。 作者按照下面几个条件,选取了十个JavaScript框架: 在2010 - 2020年间发布 仍在积极开发中 很明显地影响了大量开...

Vue 3中的状态管理:为什么你应该尝试Pinia

他们说编程中有两件难事:命名和缓存失效。我想再增加一项:现代 Web 应用中的状态管理! 今天,我们将深入探讨 Vue 中的状态管理策略,并介绍直观的存储库 Pinia。 Vue 状态管理:注意事项和限制 从 Vue 2 开始的时代起,我们使用 data 选项来定义一个方法,该方...

我在Vue中比在React中更喜欢的事情

我已经使用React很长时间了,所以当有人说“嘿,你应该尝试一种不同的前端框架”时,我的回答总是“哼,但我已经如此高效了=P”。然而,Vue已经有了足够多的酷炫发展,让我想要尝试一下。结果我愉快地惊讶了!Vue有一堆很棒的功能,让我作为React开发者感到羡慕。让我们深入探讨一些...

Vue的未来:Vapor模式

在不断变化的Web开发世界中,创新的Vue.js团队为我们带来了Vapor模式。这种模式优化了Vue的核心渲染过程,帮助我们的应用程序像轻烟一样运行,而不需要开发者自己深入复杂的优化。 在本文中,我们将探讨Vapor模式如何优雅地提高应用程序的效率,以及如何开始尝试使用它。但首先...

200行JavaScript中的虚拟DOM

在这篇文章中,我将详细介绍一个完整的虚拟DOM实现,代码量略超过200行JavaScript。 结果是一个功能完备且性能足够的虚拟DOM库(演示)。它作为smvc包在NPM上可用。 主要目标是阐述像React这样的工具背后的基本技术。 React、Vue和Elm语言都通过允许你...

-- End --