金金的博客

前言vue是通过数据驱动视图，如何知道数据发生改变，改变后又如何通知视图改变：最近作者再面试中遇到了一个这样的问题：说一下有关VUE2对数据的变化侦听。在Vue2中对数据变化的侦听主要分成两种，一种是通过Object.defineProperty方法对Object对象的侦听，一种是对数组方法重写的方式去侦听有关数组的变化。这篇文章主要是梳理一下，有关vue中对数据侦听的一些内容，当是笔者学习源码的一个方式吧，如果有任何写的不对的地方，麻烦评论区留言。（这一篇主要是对对象数据的侦听）主要包括一些知识

都知道keep-alive是用于vue中组件缓存的，那内部如何实现缓存的呢，一起来看看吧先放简单的文章导图：1.keep-alive 在vue中起到什么作用先来看看官网对keep-alive的一些功能说明：组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。就可以使用到keep-alive，它可以用来进行动态组件的缓存组件复用，提高性能缓存不太使用的组件，而不是直接销毁2.实际项目如何使用2.1正常情况下组件跳转在项目中用到的比较多的，就是使用动.

keep-alive组件复用，提高性能缓存不太使用的组件，而不是直接销毁参数include: [String,RegExp,Array] 只有匹配到的组件才能进行缓存exclude：[String,RegExp,Array] 匹配到的组件都不缓存max： [String,Number] 数字，最多能缓存多少组件实例。在新实例创建之前，缓存中最就没有使用的实例会被销毁props:三个属性 include exclude maxcreated:定义两个属性this.cache = Obje

1、 vue的data为什么是返回一个函数呢从原型链开始讲var MyComponent = function() {}MyComponent.prototype.data = { a: 1, b: 2,}上面是一个虚拟的组件构造器，真实的组件构造器方法很多var component1 = new MyComponent()var component2 = new MyComponent()上面实例化出来两个组件实例，也就是通过<my-component>调用，创建的两

Vuex1、vuex概述1.1组件之间共享数据的方式父向子：v-bind属性绑定子向父：v-on事件绑定兄弟：EventBus：$on 接收数据的那个组件$emit 发送数据的那个组件1.2 Vuex是什么：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex统一管理状态的好处：能够在vuex中集中管理共享的数据，易于开发和后期的维护能够高效的实现组件

vue组件间的通信方式1、父亲传给孩子1、我们分别创建了一个父亲组件和一个孩子组件2、在父亲组件里定义了一个count: 1,我希望它能够传到子组件中3、首先在父组件中引用import Children from '@/components/Children.vue'4、并且在组件里组册它components:{ Children }5、在模板里<children :countChildren="count"></children>6、可