Vue:修改插槽内容样式

使用到插槽，缺不知道插槽中的内容怎么修改，请看下面。

 在这里我将每个小模块统一起来，写成组件插槽，代码如下。

    <div class="text">
      <div class="t1">
        <slot name="t1"></slot>
      </div>
      <div class="t2">
        ￥
        <span class="number">
          <slot name="t2"></slot>
        </span>/年
      </div>
      <div class="t3">
        <slot name="t3"></slot>
      </div>
      <div class="t4">
        减少老师工作量，加强园校沟通与分享，
        <br>老师省心，家长放心
      </div>
      <div class="t5">点击购买</div>
    </div>

 修改插槽内容时，需要在<slot>外面加标签并加上类名，添加样式即可。