帅哥趣谈

背景我在做一个页面效果，就是在首页上点击导航，或者其他的按钮需要在主显示区域创建一个tab，同时也要与面包屑的效果。开始我没有开通菜单的router效果，仅仅是利用菜单组价的点击事件做出了想要的效果，使用的是事件总线传参，因为事件总线可以在任何组件间传递参数，事件总线的使用可以参考我的《手把手学习Vue3.0：Vue3.0正确使用Bus总线mitt实现组件间通信和传参》。事件总线的特点是在事件发起的地方挂载事件，在需要跟随变化的接收方监听事件。之所以选择vuex是因为我发现时间总线方式在实现复杂场景的

背景因为要做全栈，我本身又是后端出身，前端的知识还停留在十几年前的水平。着手学习Vue的时候，Vue3.x版本已经发布可惜还是不是release版本，网上的很多例子都是基于Vue2.x版本，出了不少错误，没少耗时。现在我基本上都学习一遍了，现在把我用的组件版本整理如下。如果你也在学习Vue3.x，当你读到我的文章的时候，希望能够给你带来帮助，少走弯路。组件介绍做一个前端项目只有vue3.x还不行，我前面的文章也介绍了如何开启一个vue3.x的项目，大家可以去学习。 我用的组件分别是：这些组

我的学习方法是先看官方文档，

背景“工欲善其事必先利其器“，走进Vue开发之旅，必须依赖一个趁手的IDE。之前用文本编辑器秀代码的时代过去了，推荐大家使用WebStorm。低版本的WebStorm内嵌没有Vue的文件生成模板，需要手动添加。最新版已经自带模板了，直接新建即可。IDE工具安装WebStorm工具安装，一路next到底即可。 WebStorm可以根据自己习惯做一些设置。 WebStorm不需要特殊配置什么，利用vue-cli脚手架生成的项目直接打开就可以开发。Vue文件内容介绍<templa

背景在使用Vue做后台管理系统的过程中，需要实现组件间的参数传递。Bus方式非常简洁方便，却遇到一个奇怪的现象，我单击菜单区域，需要在header中展示操作导航，内容区域做展示。结果header区域没有反应。下面我分别介绍Vue3.0如何集成Bus，同时复盘一下问题的整个过程。Vue3.0集成BusVue到3.0之后的Bus的方式变成了使用mitt。2.0是通过创建一个空的Vue来作为总线。 使用emit来注册，emitt("type","event");，可以先这样理解：第一个参数可.

背景最近在做管理系统的时候我还不会用Vue，时间紧任务重就先用J2EE那套，利用layUI先实现了。现在从头学习前后端分离技术来搞，在做的过程中对CSS和HTML5的基础语法都已经全忘了，正好总结一下，其实也没有什么好总结，就是一个搜集一下语法手册，用的时候方便查查。我也顺便弄明白了一个事情，就是到底人们常说的H5到底是什么，当我从知乎上看明白后，心中一万个草拟吗奔腾而过。如果你有幸读到我这篇文章了，一定要记住H5一定不等于HTML5。H5你可以理解成是HTML5+JavaScript+CSS样式做出

背景大家都知道饿了么开源了两套Vue的UI组件，Mint UI 移动端的，Element UI PC端的。我使用的是最新的Vue3.0，照着Element的文档引入，结果页面出现白版，F12打开开发者工具一片飘红，一顿操作。原来是从Vue3.0不支持Element UI，而是改成了Element Plus。又经过一顿操作，页面出来了，心情瞬间大好。下面请看具体过程。引入Element UI引入命令命令引入参照官方文档：https://element.eleme.cn/#/zh-CN/c

目录背景目录结构总览​1.dist目录：用于存放使用npm run build命令打包的项目文件。2.node_modules：存放项目的各种依赖3.public：4.src：是存放各种vue文件的地方5.gitignore：6.babel.config.js：7.package.json：背景工程目录结构弄清楚，就为后面的编码打下良好的基础。知道每一个目录和文件的作用，我们才好控制。整理本篇文章，希望刚开始学习Vue的小伙伴能从中受益，打牢基本功...

背景上篇《手把手学习Vue：Vue环境搭建》末尾提到了工程构建，没有详细给出操作步骤。今天单独拿出来我觉得还是非常有必要的，因为不同的配置项决定后面怎么编码。也希望学习的小伙伴们也重视这些基础环节，正所谓磨刀不误砍柴工。我用的都是最新版本的工具，目的是理清知识脉络。如果你是生产环境一定要用兼容性最成熟稳定的版本，不同的版本构建操作步骤也会有出入。顺便大家也要明确一个概念，Vue不是单纯一个框架，而是一堆框架的组合使用，所有需要各个版本都要兼容好，才会发挥最大的优势。构建步骤创建命令vu

背景年前写了一个管理系统，由于本人以前是做服务端的，已经十几年不写前端了，再加上项目工期比较赶，就先用传统的方式实现了系统。现在空闲了研究一下前后端分离的技术，经过查看资料最终选择使用小巧灵活的Vue来做前端技术。下面就跟我一起来搭建Vue的开发环境，踩过的坑也会一一跟大家分享。概述vue依赖node.js，所以先安装node.js，我是安装的最新版本 node安装需要做一些配置 安装vue和脚手架，这里会讲一下不同版本的区别 以最新版本脚手架来创建一个vue工程node.j.