Dreamlandz的博客

通过新旧虚拟DOM 这两个对象的差异(Diff算法),最终只把变化的部分重新渲染,提高渲染效率的过程; diff 是通过JS层面的计算，返回一个patch对象，即补丁对象，在通过特定的操作解析patch对象，完成页面的重新渲染。虚拟dom就是一个普通的js对象。是一个用来描述真实dom结构的js对象，因为他不是真实dom，所以才叫虚拟dom。...

vue 优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟 DOM：dom 操作是非常耗费性能的， 不再使用原生的 dom 操作节点，极

在vue-router路由对象中,路由有两种模式: hash 和 history,而默认的是hash模式hash路由监听路由的变化：onhashchange事件,只有#后面的地址发生变化，可以在window对象上监听这个事件history路由前面的hashchange，你只能改变#后面的url片段，而history api则给了前端完全的自由history api可以分为两大部分，切换和修改.切换历史状态:包括back,forward,go三个方法.修改历史状态:包括了history

1.因为不使用return包裹的数据会在项目的全局可见，会造成变量污染。2.使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。

父传子：v-bind props子传父： v-on $emit兄弟：1.子传父，父传子 2.bus中央事件总线：兄中：bus.$emit 弟中：bus.$on

v-bind propsv-on $emitprops 接收父组件方法，在子组件中直接调用

$emit、$on方式 通过ref直接调用子组件方法

（1）Object.defineProperty监听的是对象的每个属性，而Proxy监听的是对象本身。（2）使用Object.defineProperty需要遍历对象的每个属性，而Proxy则直接代理对象，不需要遍历操作。（3）Proxy对新增属性也可以监听，Object.defineProperty不可。（4）Proxy可以监听到数组的变化。...

$routeroute是路由信息对象，里面主要包含路由的一些基本信息，包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom$routerrouter是VueRouter的实例，包含了一些路由的跳转方法，钩子函数等...

作用：keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现例如：两个输入框进行切换时默认每次切换都会清除另外一个输入框中的内容，若想保持内容不清除则可以使用keep-alive进行缓存...

（1）通过ref直接调用子组件的方法//父组件中<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from './child';export

（1）直接在子组件中通过this.$parent.event来调用父组件的方法<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { components: { child },