天命爱心职责的博客

vue 在实例上添加新的属性的时候，该属性，并不是响应式的。同样删除某一属性的时候，也不会实时渲染到页面上。这个 set方法，对于数组来说，调用的就是splice,对于对象来说，使用的就是defineReactive，再添加了一个手动的视图更新。这就是set的原理。

通过RegExp对象动态的实现字体样式的添加与删除。element UI 中，树形控件进行过滤操作时，经常要求所搜字体进行一个高亮显示。

过滤器的功能是对要显示的数据进行格式化后再显示，其并没有改变原本的数据，只是产生新的对应的数据，本文通过多个案例对过滤器进行了详解。

his.$nextTick() 解释为在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM. 也就是说，当dom元素发生改变，重新渲染dom树后，再执行vue.$nextTick()里面的内容。

当我们点击编辑时，按照习惯，光标应该在字符串的结尾，在不对光标进行任何设置的情况下，光标是出现在开头的，所以要进行相关操作。要明白，selectionStart<=selectionEnd ,两个值相等时，就是一个光标，后者大于前者时，就是选中部分内容，当我们偏要把selectionStart的值设的大于selectionEnd时，运行时会自动将selectionStart的值赋值给selectionEnd，使之相等。

父组件内设置要传的数据，在父组件中引用的子组件.上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数props接收即可。 props传递数据原则：单向数据流。 子组件通过Vue实例方法$emit进行触发并且可以携带参数，父组件监听使用@ (v-on) 进行监听，然后进行方法处理。数据从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据。但是当父组件的传值是数组或者对象时，子组件接收时，数组/对象的默认值应当由一个工厂函数返

(详见案例)Vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。2.vue生命周期可以分为八个阶段。1、创建前（beforeCreate）对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM...

js 刷新当前页面的方法 reload() , replace()的简单使用location.replace方法可以实现用新的文档替换当前文档，强调替换在历史记录中，强迫浏览器将指定的URL替换掉缓存在历史记录中的URL，通俗来说一直是这一项历史记录，并不会增加新的，也就不能通过“前进”和“后退”来切换URL了。一定遇到过，“页面超时过期”这样的情况吧，一般就用location.replace方法，这样更像是客户端F5刷新界面，当页面的method="post"的时候，也就是向服务器传送数据的时候，出

开发项目的过程中经常用到tree树形控件（当然也可能是table），当请求数据量很大时，没有懒加载往往会显示empty-text 的内容，也就是空数据。既然是懒加载，必然离不开官网给出的：load 加载子树数据的方法，仅当 lazy 属性为true 时生效 function(node, resolve) 此函数接收两个参数，一个是node,即当前节点，一个是resolve作为数据处理函数。 resolve函数，用来提交获取的数据。

Vue中防抖(debounce)、节流(throttle)的介绍与运用 防抖是在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。节流是 规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只有一次生效。