vue不能使用&::before

在Vue中，可以使用&::before语法来定义伪元素的样式，但是需要注意的是，如果样式中包含&符号，需要使用双引号将整个选择器包裹起来，例如：

<style>
  .example {
    &::before {
      content: "";
      display: block;
      width: 100px;
      height: 100px;
      background-color: red;
    }
  }
</style>

<template>
  <div class="example"></div>
</template>

这样就可以在Vue中使用&::before语法来定义伪元素的样式了。如果不使用双引号包裹整个选择器，会导致编译错误。