阿拉斯加头头的博客

产品想要一个在APP和PC上都要给有权限的员工加一个通知功能，APP的比较好处理，只需要在APP.js添加一个全局函数即可，但是PC就比较麻烦了。因为开发时间紧张，跟后端评审时决定采用轮询方案，所以，会导致PC页面中每个tab页都会出现接口轮询，甚至通知也可能会重复。所以现在要实现一个多开tab页下精准控制单一页面轮询并通知，并在该页面被关闭后，任务交递给其他的某一个tab页。所以需要用到worker来控制哪个页面去执行任务。这里则是具体任务的实现，并在。则是代表要发送至哪个页面。

【代码】一个简易的reactive实现。

虽然这在简单的情况下是可行的，但从长远来看，可以被任何组件任意改变的全局状态是不太容易维护的。如果你有一部分状态需要在多个组件实例间共享，你可以使用。都会自动更新它们的视图。现在我们有了单一的数据源。在选项式 API 中，响应式数据是用。这个公开的 API 函数转为响应式。

如果使用 Lodash 对响应式数据进行操作时，通常会出现无法正确监听响应式数据变化的问题。这是因为 Lodash 的函数并不是针对 Vue 3 新的响应式系统设计的。因此，可以使用vue3中的toRaw。在 Vue 3 中，由于其使用了新的响应式系统，与 Vue 2 不同，您需要使用 ref 或 reactive 函数来创建响应式数据。记录自己用到的代码块。

在computed中，其属性值所依赖的数据对象会被设置为响应式数据，当这些响应式数据发生改变时，会通知存储computed的Dep对象，标记该computed为dirty。当某个响应式数据被访问时，会触发getter函数，将当前Watcher对象添加到该响应式数据的依赖列表中，当该响应式数据发生改变时，会触发setter函数，通知依赖列表中的所有Watcher更新。在Vue中，computed是一种常用的属性配置，它能够随着依赖属性的变化而自动更新值并缓存更新后的值，为我们带来很大的便利。

但是经过长时间的查询解决方案发现是因为vue版本在下载包的过程中由2.6.11升级为2.7.14导致。所以解决办法是将package.json文件中将vue的版本给固定住也就是说。Vue2的项目重新down下来yarn之后 yarn serve 却报错。首先排查发现判断得出是less解析失败导致。

onAction在特定情况下无法监听store中值的修改

之前被问到了，知道必须是函数，但是没答出来为什么。组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响。...