vue3的时间积累

scss样式中背景图报错：

报错的路径：

  background-image: url("@/assets/image/home/header-title.png");

修改后的路径：在@前面加一个~

  background-image: url("~@/assets/image/home/header-title.png");

**~@**的意思： @是webpack设置的路径名，代表的是src目录，~ 是相对于下面的文件路径的意思

echarts报错：this.dom.getContext is not a function;
原因是获取展示echarts的容器，初始化时，只能用dom原生的方式获取
即document.getElementById(‘xxx’)；

class类的绑定方式之一：

<p :class="{ active: loginType === '1' }" @click="loginType = '1'">账号登录</p>
<p :class="{ active: loginType === '2' }" @click="loginType = '2'">短信验证登录</p>

ref 只会在组件渲染完成之后生效。

npm i 运行安装报错

code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

因为npm版本过高，将版本降低就可以了

npm install npm@6 -g