摘要: 「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识 前言 学完Vuex方面的操作就该来学学Vue中的路由操作了.... xdm冲 一、安装 vue-cli 安装 vue add router 做完这一步基础环境都搭好了。 项目中会多一个 文件夹,内容如下: 最后暴露出来,在mian.js 中引用进去就可以了。暂时先不细讲。 二、基本路由使用 基本路由 阅读全文
posted @ 2021-11-28 16:42 宁在春 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 你有没有觉得邮件发送人固定配置在yml文件中是不妥当的呢?SpringBoot 动态设置邮件发送人 明月当天,不知道你有没有思念的人 前言 之前其实已经写过SpringBoot异步发送邮件,但是今天在一个小项目中要用到发送邮件时,我突然觉得邮件发送人只有一个,并且固定写在yml文件中,就是非常的不妥当,就想着怎么整成一个动态的。 在写之前已经翻过很多博客了,该踩的坑都踩的差不多了,我是实现之后写的 阅读全文
posted @ 2021-11-27 18:27 宁在春 阅读(101) 评论(5) 推荐(1) 编辑
摘要: 「后端小伙伴来学前端了」Vuex进阶操作,让你的代码更加高效(简称如何学会偷懒 【手动狗头】) 学妹手机里的美照 前言 前一篇写了Vuex基本使用,用起来还稍稍有些繁琐,代码有很多 冗余的地方,这篇就带着大家用更简单的方式来使用Vuex(其实就是怎么更好的偷懒,用更少的代码来完之前的事情) 进入正文.... 一、mapGetters 方法 在我们之前要取出store中的getters,在组件中 阅读全文
posted @ 2021-11-25 14:04 宁在春 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vuex 安装&基本使用&案例讲解 前言 上篇文章说了vuex的简单原理,这篇就着重讲讲如何使用简单的vuex,看看它到底有何优秀之处吧。 我们要使用Vuex,使用流程大致是不是就是下面这几步呢? npm Vue.use() store 另外就是让所有vc都能够访问到store 一、安装 npm安装 npm install vuex 阅读全文
posted @ 2021-11-24 08:40 宁在春 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vuex原理图分析及结合生活案例让大家快速理解 封面:来自一名超级美的学妹:🍉Sunday🍉 前言 上篇文章说了为什么在vue中有了全局事件总线还要引入vuex的问题,这篇着重讲Vuex的原理图,知道原理图才能够明白如何去书写Vuex的代码。 一、原理图 来自于Vuex官网 从图中我们可以看到,vuex中有Actions、Mutations、 阅读全文
posted @ 2021-11-23 09:06 宁在春 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」为什么Vue在有了全局事件总线后还要引入Vuex呢? 今日清晨,乌云散去 前言 上一篇我写了关于Vue中全局事件总线的相关原理及小案例。 在之前文章有简单的说过关于我个人理解的 Vue 核心思想(刚学不久,如有不足,请各位大佬及时斧正) 数据的双向绑定,不用再手动操作DOM元素 组件化开发,将一个页面划分成多个小组件,然后再一步一步拼凑而成 组件化开发 阅读全文
posted @ 2021-11-22 08:51 宁在春 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vue中 Slot 插槽的使用,同样也可以实现父子组件之间通信 前言 插槽可以说是 Vue 中非常重要的一部分吧,在我学习和练习的过程中,当组件搭配着插槽一起使用的时候,会发挥的更好一些。更多时候也会更加方便。 今天介绍Vue中三种插槽吧:默认插槽、具名插槽、作用域插槽。 环境准备 先搭个初始环境给大家看看哈。一步一步讲完这个插槽。 就是写了一个类别组件,分别渲 阅读全文
posted @ 2021-11-21 11:29 宁在春 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vue中全局事件总线(GlobalEventBus)原理及探究过程 前言 上一篇文章写了 Vue 中的自定义事件,自定义事件是全局事件总线基础。我在上一篇文章中埋下了一个小小的伏笔。如下图: 我说过,在Vue中如果我们用(@orv-on )给组件绑定上一个自定义事件,其本质就是给子组件VueComponent即vc绑定一个事件,然后子组件通过this.$emit() 阅读全文
posted @ 2021-11-20 11:22 宁在春 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vue中组件绑定自定义事件实现通信 傍晚的月亮 前言 原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉。 一、v-on指令 要讲自定义事件,就得先说说v-on指令。因为v-on就是实现自定义事件的基础。 v-on官网文档 基本介绍 阅读全文
posted @ 2021-11-19 09:49 宁在春 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 「后端小伙伴来学前端了」Vue中利用全局事件总线改造 TodoList 案例 前言 上上篇写了:👉Vue中利用Props实现TodoList案例 上篇写了:👉Vue中全局事件总线的概念及基本使用 这篇就打算用全局事件总线来改造一下之前写的TodoList案例,一天学习一点,我们一起进步冲。 一、案例效果 需要实现的东西,和之前是一样的,只是我们换成用全局事件总线来进行组件 阅读全文
posted @ 2021-11-18 00:34 宁在春 阅读(2) 评论(0) 推荐(0) 编辑