Vue
文章平均质量分 94
君易--鑨
宝剑锋从磨砺出,梅花香自苦寒来
展开
-
Vue之Jwt的运用(一起探索JWT在Vue中的用途吧)
JWT是的缩写,是一种用于在网络应用间传递声明的开放标准。它使用JSON(JavaScript对象表示法)进行信息的安全传输,通常用于身份验证和授权。头部(Header)、载荷(Payload)和签名(Signature)。头部包含了描述JWT的元数据信息,如令牌的类型(JWT)和所用的签名算法(例如HMAC SHA256或RSA)。载荷是JWT的核心部分,包含了一些声明(claim),用于描述要传递的一些数据信息,如用户的ID、角色等。原创 2023-10-14 08:00:00 · 1159 阅读 · 0 评论 -
Vue之VueX知识探索(一起了解关于VueX的新世界)
VueX 是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以可预测的方式进行状态的变更。VueX 基于Flux 和 Redux 架构的思想,通过单向数据流的方式来管理应用中的状态。在 VueX 中,状态被存储在一个被称为「store」的容器中,组件可以通过提交(commit)一些特定的来改变这个状态。这种改变是同步的,并且由 VueX 确保所有的状态变更都是可跟踪的。此外,VueX 也支持异步操作,通过触发(dispatch)一些特定的「actions」原创 2023-10-12 08:00:00 · 1207 阅读 · 2 评论 -
Vue之ElementUI实现CUD(增删改)及表单验证
上期的博客中我与大家分享了有关Vue和ElementUI实现项目左侧的动态树形菜单栏及将数据从数据库拿到在前端与数据表格进行绑定交互,而且还实现了模糊查询和分页条的功能。原创 2023-10-09 21:06:39 · 684 阅读 · 0 评论 -
Vue之ElementUI之动态树+数据表格+分页(项目功能)
在上期的博客中我与各位老铁分享了有关首页导航栏及左侧树形菜单的基本搭建样式,今天的这期博客基于上期博客来实现左侧树形菜单与后台数据库进行动态绑定,还有实现后台数据在前台显示及实现分页功能。(老铁们仔细阅读观看)本期博客分享到此结束,今天给大家带来了动态树形菜单的功能实现和数据表格及分页效果的实现,两个功能实现了前后端结合,连接了数据库实现数据交互。其中使用到了ElementUI框架样式,大大减少了开发所需时间,提高了开发效率。后期博客中会进行功能增添完善,希望各位老铁能三连加关注支持一波。原创 2023-09-26 21:07:43 · 2728 阅读 · 14 评论 -
ElementUI之首页导航及左侧菜单(模拟实现)
MockJS 是一款前端开发中常用的模拟数据生成工具,用于在开发过程中模拟接口返回数据。它可以帮助前端开发人员独立于后端接口进行开发和调试,提高开发效率。MockJS 提供了一套简单却强大的 API,可以根据指定的规则生成随机的模拟数据。通过MockJS,开发者可以定义接口的返回结构、数据类型以及各种约束条件,例如字符串长度、数字范围、日期格式等,从而模拟真实的接口返回结果。MockJS 的使用非常灵活,可以配合其他前端框架(如 Vue、React、Angular)或纯 JavaScript 进行集成。原创 2023-09-26 10:23:36 · 4416 阅读 · 6 评论 -
Vue之vue-cli搭建SPA项目
Vue CLI 是一个基于 Vue.js 的脚手架工具,用于快速搭建和开发 Vue.js 项目。脚手架是一组预设的开发环境和代码结构,方便开发者快速开始新项目,并提供了一系列的命令和配置选项来帮助开发者进行项目构建、开发和部署等工作。Vue CLI 提供了一种简单且标准化的方式来创建、管理和维护 Vue.js 项目,使得开发者能够更专注于业务逻辑的实现而不用过多关心项目的设置和构建过程。原创 2023-09-21 23:26:40 · 906 阅读 · 8 评论 -
Vue之路由及Node.js环境搭建(一起探索新事物)
在前面的几次有关Vue知识的博客中我们对Vue的认知及使用都有了一个初步的认知,今天我继续分享有关Vue的相关知识。今天带大家探索一些事物,这期博客有重点,还请老铁们认真仔细观看阅读。在Vue中,路由是一种用于管理单页面应用程序(SPA)导航的机制。它允许我们在不刷新整个页面的情况下,根据 URL 的变化动态加载不同的内容。Vue提供了一个名为Vue Router的官方插件,它能够帮助我们实现路由功能。使用Vue Router,我们可以定义多个路由,每个路由对应一个URL路径,并且可以指定对应的组件。原创 2023-09-21 11:55:52 · 1092 阅读 · 1 评论 -
Vue的第三章节之模版语法下篇(带你感受来自Vue模版语法的魅力)
在Vue中,自定义组件是一种由开发者自行定义和组装的可复用的Vue实例。它可以包含自己的模板、样式和逻辑,并且可以在Vue应用中多次使用。自定义组件可以与内置组件一样在模板中使用,并且可以接受属性(props)、发出事件(emits)和拥有自己的生命周期钩子。通过组合多个自定义组件,我们可以构建复杂的用户界面。要创建一个自定义组件,你可以通过Vue的component方法全局注册组件,也可以在Vue实例的components选项中局部注册组件。然后,在模板中使用组件标签来引用该组件。原创 2023-09-20 11:37:58 · 629 阅读 · 4 评论 -
Vue的第二章节之模版语法上篇(带你感受来自Vue模版语法的魅力)
Vue模板语法是一种用于在Vue.js框架中编写动态HTML模板的语法。它结合了普通文本和Vue实例中的数据,让开发者可以轻松地编写界面的逻辑和展示。插值:使用双花括号{{ }}将Vue实例中的数据绑定到模板中。表达式:在插值的基础上,可以使用JavaScript表达式进行更复杂的计算。指令:以v-开头的特殊属性,用于响应式地操作DOM元素或给元素添加事件监听器。常见的指令有v-ifv-forv-on等。过滤器:使用管道符将一个表达式通过过滤器进行处理,用于格式化文本显示或数据转换。缩写。原创 2023-09-19 12:45:24 · 594 阅读 · 2 评论 -
Vue入门简介(带你打开Vue的大门)
Vue(读作"view")是一种流行的前端JavaScript 框架。它被用于构建用户界面,特别是单页面应用程序(SPA)。Vue 的目标是通过简单的 API 和响应式数据绑定,使开发者能够轻松地构建交互性强、灵活性大的 Web 应用。Vue 与其他框架(如Angular和React)相比,具有更小巧、易学易用的特点。它采用了组件化的方式,使得开发者可以将页面拆分为独立、可复用的组件,从而提高开发效率。原创 2023-09-17 22:16:01 · 3787 阅读 · 6 评论