10 2018 档案

摘要：React组件中的key 一、key的作用 react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的（例如你为一个组件设置key之后不能获取组件的这个key props），而是给react自己用的。 简单来说，react利用key来识别组件，它是一种身份标识标识，就像我们的身份证用来辨 阅读全文

摘要：React组件的State 1.正确定义State React把组件看成一个状态机。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。组件的任何UI改变，都可以从State的变化中反映出来；State中的所有状态都用于反映UI的变化，不应有多余状态。 那么什么样的变量应该做为组 阅读全文

摘要：Vue 数据响应式原理 Vue.js 的核心包括一套“响应式系统”。“响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 举个简单的例子，对于模板： {{ name }} 创建一个 Vue 组件： 代码执行后，页面上对应位置会显示 阅读全文

摘要：深入 Vue 生命周期 这篇博客将会从下面四个常见的应用诠释组件的生命周期，以及各个生命周期应该干什么事 1.单组件的生命周期 2.父子组件的生命周期 3.兄弟组件的生命周期 4.宏mixin的生命周期 生命周期：Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系 阅读全文

摘要：Vue 超快速学习 基础知识： 1.vue的生命周期： beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed 2.vue常用指令： v-for、 v-bind（缩写形式 :pr 阅读全文

摘要：Vue.js最佳实践 第一招：化繁为简的Watchers 场景还原： 组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢？ 招式解析： 首先，在watchers中，可以直接使用函数的字面量名称；其次，声明immedia 阅读全文