我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

vuex比起vue-router来说知识点便要少的多了。 修改state中数据的唯一方式就是触发一个Mutation。Mutation类似一个事件注册，触发一个Mutation需要使用commit方法 Mutation要遵循vue的响应式规则（因为vuex中所有的状态数据都应该…

今天，Vue Router 4 正式发布稳定版本。 在经历了 14 个 Alpha，13 个 Beta 和 6 个 RC 版本之后，Vue Router v4 闪亮登场，为你带来了 TypeScript 集成、新功能以及对现代应用程序的一致性改进，已经准备好成为 Vue3 新应…

并且为了保证单行数据流，不会造成其他子组件使用到父组件传递过来的数据的异常，要求子组件是不能够修改props的数据的值（程序也会通过报错来告知我们）。 在子组件可以通过this.$parent来获取到父组件的实例，从而从实例上面调用子组件的属性或者方法！用法同上。 当我们的组件…

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…

这个系列文章我尽量照顾前端的同学和后端的同学，不穿插讲述。尽量按照前端-后端-部署-运维来讲，当然中途涉及到跨域、Rest、oAuth2.0这种前后协调的还是无法避免捎带一笔。 这种目录阅读可能对于只掌握 前端/后端 一种技术栈的同学，或只想去看后端/前端/运维 的同学看上去非…