CH-EN.的博客

讨论vuex的工作原理那么必须先从vue的双向绑定开始vue的双向绑定vue的双向绑定主要做了两件事：1、数据劫持 2、添加观察者数据劫持的实现vue2.x通过 Object.defineProperty 递归可以实现通过Object.defineProperty劫持对象的get和set方法；在所代理的属性的get方法中，当dep.Target存在的时候，就会调用dep.depend()vue3.x通过proxy实现Proxy(data, { get(target,

Composition API作用：将零散分布的逻辑组合起来一起维护，并且可以将大单独的功能逻辑查分成单独的文件setup是Vue3.x新增的一个选项，他是组件内使用Composition API的入口。setup执行时机是在beforeCreate之前setup参数需要两个参数，1 props：组件传入的属性 2 contextsetup中接收的props是响应式的，当传入新的props时候，会被更新；犹豫是响应式的，所以不能使用ES6的解构接收。reactive、ref、

vue-computed的原理

Vue.set(target,key,val)如果是数组的话，调用的是splice方法如果是对象的话，首先调用defineReactive（功能就是定义一个响应式对象，给对象动态添加getter和setter），将新增的属性定义为响应式属性然后调用ob.dep.notify()通知视图更新首先判断 target是数组并且key是一个合格的下标，则通过Math.max求长度，通过splice加新值；又判断key是不是已经存在，存在则直接赋值返回；获取target.__ob__给ob，.

以Vue提供了一个内置组件keep-alive来缓存组件内部状态，避免重新渲染。（在开发Vue项目的时候，有一部分部分组件是没必要多次渲染的）一般用来使用在，路由不改变，但是组件内部内容改变的情况可以结合elementui的el-radio-group组价使用 import combination from ‘./combination’;import projectType from ‘./projectType’;const currentNodeMap = {8: project

原理是什么：vue用异步队列的方式来控制DOM更新和nextTick回调先后执行microtask因为其高优先级特性，能确保队列中的微任务在一次事件循环前被执行完毕因为兼容性问题，vue不得不做了microtask向macrotask的降级方案是如何监听到函数完成的：首先必须知道能实现监听DOM的api是MutationObservervue并不是使用MutationObserver监听节点dom的更新，而是通过它打包队列控制的目的（macrotask总要等到microta

#号的含义#号代表网页中的一个位置。右边的字符表示该位置上的标识符http://www.example.com/index.html#print这个URL代表的是这个www.example.com域名的这个index.html页面下的print位置。浏览器读取这个URL后，会自动的将print所在的位置滚动到可视区域内。跳转到页面的定值位置可以使用a标签的name属性（锚点），或者使用id属性其实也就是#后边的字符不会被发送给服务端改变#后边的内容也就不会重新发送请求，

安装：vuex里面的state为什么是响应式的？暂时可以将他看作是data中的属性，也就是我们当前的状态。state里面的这些属性都会被加入到响应式系统里面，而响应式系统会监听属性的变化，一旦属性发生变化，会通知所有用到这个属性的界面并进行刷新。但有一个前提，所有的属性都必须先初始化好，如果直接在mutations里面添加一个新的属性，界面是不会显示的。store是怎么注册的？我们知道了vuex是利用vue的mixin混入机制，在beforeCreate钩子前混入vuexInit方

vue的computed是如何更新的？