Vue 相关

创建项目 运行下面的命令创建 vue3 项目，按下图所示进行选择。然后运行 npm install 下载依赖包，npm run dev 运行项目 ⚠️ 注意 1：项目中 eslint 版本已经是 v9

key-metrics 块展示了一些指标的整体数据，其中红框中的数据由后台返回，蓝框的显示和选择的时间有关，每个指标都可以点击选中。项目中这块出现多次，所以打算封装成 key-metric & key-metric-group 组件。 前端针对每个页面的 key-metrics…

这其中涉及了 Javascript Event Loop 的知识，script(整体代码) / setTimeout / setInterval / request 都是宏任务(macro-tasks / tasks)，nextTick 是微任务(micro-tasks / j…

全局注册的组件在注册之后，可以用在其被注册之后的任何 (通过 new Vue) 新创建的 Vue 根实例，也包括其组件树中的所有子组件的模板中。 局部注册的组件只在注册组件中可用，在其子组件中不可用。 使用基础的 Vue 构造器，创建一个子类，参数是一个包含组件选项的对象。 d…

假设创建 vm 时的 data 选项如下，我们来看下 Vue 是怎么处理 data 数据的，以下 Vue 源码来自 v2.6.12。 initData observe Observer value 是

为计算属性新建 Watcher 实例，又称 computedWatcher - new Watcher()。 将计算属性代理到 vm 上 - defineComputed。 创建一个全空对象 vm._computedWatchers = Object.create(null)，…