weixin_42178670的博客

vue3中ref和reactive联系与区别以及如何选择

一、原理vue2采用数据劫持结合发布者-订阅者模式的方法，通过Object.defineProperty()来劫持各个属性的setter和getter，当数据发生变化时通知订阅者，触发相应的回调，渲染更新视图二、具体步骤1、对于需要observer的数据，通过递归遍历，给它的所有属性（包括子属性）添加上setter和getter，以便数据发生变更时触发setter。

因为vdom是一个单根树形结构描述当前视图结构，patch方法在遍历的时候从根节点开始遍历，它要求只有一个根节点。组件也是会转换成vdom，所以也必须满足单根节点要求。

挂载过程指的是app.mount()过程，这个是个初始化过程，挂载过程完成了最重要的两件事：初始化和建立更新机制。

不建议使用数组索引作为key的原因：1、在进行向数组中间插入或删除数据时，数组长度发生了变化，每个值对应的索引也会发生变化，在进行diff比对时会发现新老节点对应key的位置内容发生了变更，会从新进行渲染，造成不必要的性能损失，

vue中diff算法称为patching算法，由Snabbdom修改而来，虚拟dom想要转换成真实dom则需要通过patch方法转换；

vue实例在被创建之后都会经过一系列初始化步骤，如需要数据观测、模板编译、挂载实例到dom上，以及数据数据变化时更新dom，在这个过程中会运行生命周期钩子函数，以便用户在特定阶段进行响应的操作。

on在vue3中被移除，所以不建议使用eventbus。$listeners也被移除了。$children也被移除了。

在vue2中会出现不停的循环，然后每个循环结果做v-if，显然会先渲染出本不想渲染出来的内容，对于这种可以定义一个计算属性，使用filter返回符合条件的列表activeUsers；2、在vue2中v-for优先级高于v-if，而在vue3中v-for优先级低于v-if,vue2和vue3恰好相反，1、实践中最好不要把v-if和v-for放一起。

1、首先在config文件下的index.js中修改host为（但此操作有bug，会导致localhost也变成0.0.0.0）host: '0.0.0.0'，所以建议在package.json文件下“script”的“dev”后新增“-host 0.0.0.0”，即："dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",2、设置启动后终端显示localh

参考：https://segmentfault.com/a/1190000020540788#articleHeader4

在mounted中使用jQuery给v-if赋值，但是不起作用主要原因是全局this不能直接在jQuery中使用应先在jQuery外面定义一个变量如_that = this方能使用如：mounted(){ var _this=this; $('p').mouseover(function (){ _this.isShow=false; //这里不能直接用this,this指代当前jQuery选择的内容而不是全局数据，故而不

1、使用缓存，当缓存的依赖发生变化时才会重新计算，否则使用缓存2、不支持异步，如有异步操作则无法监听到数据变化3、当属性值是函数的时候，则默认使用get方法，但是也可以使用set方法，当属性值发生改变时，调用set方法，可读可写时传入的参数必须是对象4、具有响应式返回值，通常会用于模板中。