Vue.js
EthanQ
这个作者很懒,什么都没留下…
展开
-
Vue.js render函数那些事儿
大多时候,我会使用template, vue单文件去渲染组件。虽然知道Vue中有个render函数,但却很少在项目中去主动使用它。使用最多的地方是在使用一些UI框架的时候,比如iview table中的按钮操作,会使用到render函数。另外平时在阅读一些Vue UI框架源码的时候,也时常能遇到使用render函数的地方,这也激发了自己研究学习的欲望。如果你也感兴趣,那就继续阅读吧。在本文中,会...原创 2020-03-26 22:28:56 · 787 阅读 · 0 评论 -
快速上手VueJS动画
动画可以使您的网站更具现代感,而且还能为网站带来更好的用户体验。幸运的是,对于开发人员来说,VueJS动画只需几分钟即可完成设置。在本教程结束时,您将拥有第一个VueJS动画,并了解和学习到如何将其添加到项目中。这是我们将要创建的两个示例。首先,创建自己的CSS动画样式。然后,了解如何将第三方CSS库与Vue动画一起使用。让我们赶快开始吧。过渡元...原创 2020-03-11 08:08:36 · 529 阅读 · 0 评论 -
以编程方式创建Vue.js组件实例
最近参与了一个Vue.js项目,项目中需要能够以编程方式创建组件。通过编程,意思是使用JavaScript创建和插入组件,而无需在模板中编写任何内容。本文接下来将介绍在模板中使用组件的各个方面,例如实例化,传递Props,插槽,挂载,转换为JavaScript代码。通常,会推荐使用"单个文件组件"。比如一个Button组件,如下所示:<template> <butto...原创 2020-03-09 22:13:37 · 875 阅读 · 0 评论 -
如何在Vuejs中实现页面空闲超时检测
您是否需要检查用户在Vue应用程序中的不活跃状态?如果用户在一段时间内处于非活动状态,则要自动注销该用户或显示一个计时器。通常,具有机密数据的系统(如银行)通常会实现这种功能。需求是监听3秒钟的不活动状态并显示带有10秒计时器的模态提示框。如果在10秒的会话中没有任何操作,请自动注销用户。需求要在Vue应用程序中监听3秒钟的不活动状态,并显示带有10秒计时器的模态提示框。如果在10秒...原创 2020-02-17 19:30:11 · 1954 阅读 · 1 评论 -
构建Vue项目-身份验证
通常,在开始使用新框架或新语言工作时,我会尝试查找尽可能多的最佳实践,而我更喜欢从一个易于理解,维护和升级的良好结构开始。 在这篇文章中,我将尝试解释自己的想法,并将过去几年中获得的所有知识与最新,最好的Web开发实践结合起来。我们将共同构建一个简单的项目,该项目处理身份验证并准备在构建应用程序其余部分时要使用的基本脚手架。我们将使用:Vue.js 2.5 和 Vue-CLI V...原创 2020-01-20 13:13:19 · 634 阅读 · 0 评论 -
在Nuxt.js中使用站点地图
在本文中,我想研究使用sitemap module模块在Nuxt中创建站点地图的不同选项。如果您要创建所有路线和页面的站点地图并添加动态路线,请求后端API,或者甚至要使用站点地图索引文件创建多个站点地图,此模块都将为您提供所需的一切。内容站点地图模块选项。 具有路线的简单单个站点地图。 从API请求的站点地图。 Sitemap中的几个索引。 多语言网站的站点地图。模块选项...原创 2020-01-20 09:23:20 · 1653 阅读 · 0 评论 -
创建第一个VueJS插件
随着VueJS的流行,社区创建的VueJS插件变得越来越普遍和强大。实际上,我发现有些插件非常有用。 例如,有许多很棒的UI库和实用程序插件为我节省了很多开发时间。尽管创建自己的插件似乎是一项艰巨的任务,但实际上也没那么难。 在本教程结束时,您将创建了您的第一个VueJS插件。 明白它们如何工作。 学习到工具,方法来构建更复杂的插件。现在开始了!如何设置插件从广义上讲,我...原创 2020-01-18 23:24:25 · 343 阅读 · 0 评论 -
Vue.js应用性能优化一
虽然现在网络环境和电子设备变得越来越好,但是保持应用程序快速加载变得越来越困难。在本系列中,我将深入研究我们在实践中使用的Vue性能优化技术,并且您可以在Vue.js应用程序中使用它们,使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。系列文章:Vue.js应用性能优化二Vue.js应用性能优化三请关注微信公众号和头条号,「前端知否」...原创 2019-09-08 08:30:37 · 326 阅读 · 0 评论 -
如何在Vue Router中应用中间件
中间件是我们在软件开发中的一个古老而强大的概念,当我们在应用程序中使用路由相关模式时,它非常有用。如果您不太了解中间件的含义,Nodejs框架Express里的中间件可以帮助您了解它们的工作原理。但是,中间件仅适用于后端吗?不,当应用程序中有路由时,中间件在前端或后端中就会非常常见。比如现在流行的单页应用程序。有一些示例可以说明,何时可以使用中间件:不允许未登录用户访问您的网页。仅允...原创 2019-09-13 16:28:25 · 1858 阅读 · 0 评论