「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

2021-11-28
阅读 10 分钟
1k
前言学完Vuex方面的操作就该来学学Vue中的路由操作了.... xdm冲一、安装vue-cli 安装 {代码...} 做完这一步基础环境都搭好了。项目中会多一个文件夹,内容如下:最后暴露出来,在mian.js 中引用进去就可以了。暂时先不细讲。二、基本路由使用基本路由使用,其实你安装完就已经有例子啦。在App组件中 有下面这两行代码,...
封面图

「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表,得学学了,必须要会的基本操作了

2021-11-26
阅读 4 分钟
1.3k
依旧还是学妹给的封面直接进入主题...在vue中使用个啥,都差不多是一个流程。引入Echarts安装 {代码...} 我们写一个Echarts组件,在内进行引入 {代码...} 入门使用如果之前没有接触过Vue或者Echarts 的小伙伴,了解方式无疑就是Echarts官方文档或各大搜索引擎了。我的了解方式无疑也是这个,但是我在看官方文档的时候,...
封面图

「后端小伙伴来学前端了」Vuex原理图分析及结合生活案例让大家快速理解

2021-11-23
阅读 2 分钟
1.2k
来自一名超级美的学妹:🍉Sunday🍉前言上篇文章说了为什么在vue中有了全局事件总线还要引入vuex的问题,这篇着重讲Vuex的原理图,知道原理图才能够明白如何去书写Vuex的代码。一、原理图来自于Vuex官网从图中我们可以看到,vuex中有Actions、Mutations、State三个对象,先从字面意思上理解下哈Actions:翻译过来即为动作、...
封面图

「后端小伙伴来学前端了」为什么Vue在有了全局事件总线后还要引入Vuex呢?

2021-11-22
阅读 2 分钟
908
今日清晨,乌云散去前言上一篇我写了关于Vue中全局事件总线的相关原理及小案例。在之前文章有简单的说过关于我个人理解的 Vue 核心思想(刚学不久,如有不足,请各位大佬及时斧正)数据的双向绑定,不用再手动操作DOM元素组件化开发,将一个页面划分成多个小组件,然后再一步一步拼凑而成组件化开发,最大的痛点可能就是...
封面图

「后端小伙伴来学前端了」Vue中 Slot 插槽的使用,同样也可以实现父子组件之间通信

2021-11-21
阅读 8 分钟
1k
插槽可以说是 Vue 中非常重要的一部分吧,在我学习和练习的过程中,当组件搭配着插槽一起使用的时候,会发挥的更好一些。更多时候也会更加方便。
封面图

「后端小伙伴来学前端了」Vue中全局事件总线(GlobalEventBus)原理及探究过程

2021-11-20
阅读 3 分钟
1k
我说过,在Vue中如果我们用(@orv-on )给组件绑定上一个自定义事件,其本质就是给子组件VueComponent即vc绑定一个事件,然后子组件通过this.$emit()触发,父组件监听到再执行回调方法。这种也只适合于父子组件之间通信,对于兄弟组件来说,仍然无法非常方便的通信。
封面图

「后端小伙伴来学前端了」Vue中组件绑定自定义事件实现通信

2021-11-19
阅读 5 分钟
1.3k
原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉。
封面图

「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信

2021-11-17
阅读 3 分钟
771
前一篇文章写了 vue 中利用 Props 实现组件之间的通信,那种方式是最简单也是最基础的组件之间的通信方式。父组件通过 props 向下传数据给子组件,当子组件有事情告诉父组件时会通过$emit事件告诉父组件。对于父子组件,这种传递方式,是较为方便且实用的,但是对于祖孙组件或者兄弟组件,就显得不那么友善了。
封面图

「后端小伙伴来学前端了」Vue中Props 实现组件通信TodoList案例

2021-11-15
阅读 11 分钟
964
源码在文末。前言上篇文章写了个V利用Props进行组件之间的通信,这不立马就安排上这个案例拉丫。光学不敲等于没学哈(资深大佬除外哈)目标就是实现如下的样子:能够进行增删改查,并且是在各个组件之间。一、环境准备针对这个页面,我们将他们划分为下面四个组件哈。其实也不是固定的,只是为了更好的展示组件之间的通...
封面图