模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式：

前言 大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了

组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信， 下面我们分别介绍每种通信方式且会说明此种方法可适用于哪类组件间通信。

计算属性 有些时候，我们在模板中放入了过多的逻辑，从而导致模板过重，且难以维护。例如： 碰到这样的情况，我们必须看一段时间才能意识到，这里是要显示变量message的翻转字符串，而且，一旦我们想要在模

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 🌊 作者主页：海拥 🌊 作者简介：🥇HDZ核心组成员、🏆全栈领域优质创作者、🥈蝉联C站周榜前十 🌊 粉丝福利：粉丝群 每周送四本书，每月送各

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去； 当我们去看vue文档的时候，会发现有这么一句话：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 如下代码，给 student对象新增 a…

可以使用箭头函数"=>"来解决。如下： 2. 原因 ES6中的 箭头函数 "=>" 内部的this是词法作用域，由上下文确定（也就是由外层调用者vue来确定）。 3. 题外话

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…