VUE 开发知识个人记录

以下内容是本人在开发过程中实际验证过的一些固定写法，记录下来，方便自己后续开发过程中直接拷贝粘贴。

1、div 设置宽度自适应文本内容：设置 div 节点的 class 为下面 auto-adjust-text-width

.auto-adjust-text-width {
  display: inline-block;
  white-space: nowrap;
}

2、使 div 节点具有上下或左右滑动的能力：style="overflow-y: scroll;" 或 style="overflow-x: scroll;"

3、设置宽高或边距：可以用 calc 计算方式，注意：如果直接用百分比表示的话，比如100%，那这是相对于父布局的比值，如果要相对于根布局，那就用vh或者vw，全屏宽度是固定的100vw，全屏高度是固定的100vh，25vw则表示相对于根布局宽度的25%，30vh则表示相对于根布局高度的30%，如果父布局就是根布局，那这两种单位就是等效的

width: calc((100% - 2px) / 2);
height: calc((20vh + 24px) * 2);

4、vue 退回到上一个界面

this.$router.go(-1);
//或者
this.$router.back();