Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 以 VUE_APP_ 开头的变量，在代码中可以通过 process.env.VUE_APP_ 访问。 比…

用户做出注销操作时删除登录状态。 下面我根据列出的步骤一一分析如何做代码实现，所有在代码在https://github.com/doterlin/vue-example-login中，并带有较详细注释帮助理解代码。 在此之前假设登录页面路由为/login，登录后的路由为/use…

这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点： 在lifecycle这个文件中的mountComponent这个方法里，创建了一个watcher。代码如下： Vue3.0中的数据劫持是用proxy来实现…

代码已放到Github上。可以下载跟着练习一下。 当子组件渲染的时候，<slot></slot> 将会被替换为“确定”。slot是不会被渲染的,它是用来接收父组件传过来的内容。 游戏卡就是父组件传给的内容,插口就相当于子组件的slot标签,组合起来就是最终的渲染。 当然上述就是…

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…

如果各位大佬使用中遇到bug或不爽的点，还希望可以给提issue，您的反馈使我进步，非常感谢。

因为生产需要（其实是懒），所以本教程使用了 vue-cli进行了项目的基础结构搭建。 直接使用npm进行安装。 到此，准备工作已经完成了。 因为被《React编程思想》这篇文章毒害太深，所以笔者开发组件也习惯从基础到高级逐步迭代。 静态组件要实现的目的很简单，就是把Echart…

本文内容讲解的内容：一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。 2. Vue 全家桶 3. Vue 4. Vue-Router 5. Vuex 6. 已完成与待完成 因为该项目都是业余时间做的，笔者能力与时间也有限，很多细节还没有完善…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…