张小仙儿的博客

[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead

vue的方法methods、计算属性computed和过滤器filters专栏。

Vue实例从创建到销毁的过程为“生命周期”。每一个组件或Vue实例都经历一个完整的生命周期，从开始创建、初始化数据、编译模板、挂载dom、渲染-更新-渲染、销毁等一系列的过程，总共分为三个阶段：初始化、运行中、销毁。注：除了beforeCreate和created钩子之外，其他钩子均在服务器端渲染期间不被调用。

前端vue开发在使用echarts图表时，偶尔会出现超出父级容器宽度或高度的情况

最近做一个数据治理的可视化项目，其中有一个需求是鼠标悬浮于某个div元素，需显示弹窗展示图表，如图所示：问题：刚开始渲染图表，canvas画布显示的图表大小为固定小正方形无法调节尺寸，设置图表宽高不起作用，且图表无数据；解决：通过查找资料及经验分享，经分析，原因是由于element UI组件popover弹窗还没完全展开时，echarts的图表便已经开始渲染，获取不到popover弹窗尺寸图表的渲染也就出现问题；在popover的@after-enter方法中调用插入图表的方法，在此方法中

上面描述了在项目开发过程中webpackage依赖安装报错的一种情况，接下来展示另一种情况：npm install报错如下：Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-83_binding.nodeCannot download "https://github.com/sass/node-sass/releases/download/v4.13.1/win32

npm install报错如下：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vue3.1@0.1.0npm ERR! Found: eslint@7.24.0npm ERR! node_modules/eslintnpm ERR! dev eslint@"^7.24.0" from the root projectnpm