实现文字滚动效果——Vue实现

这种思路要借用到Vue提供的transition组件了，它提供了一些类名，比如v-enter、v-enter-active等来对应CSS的类

<div class="text-container">
  <transition class="inner-container" name="slide" mode="out-in">
    <p class="text2" :key="newsText.id">{
  {newsText.val}}</p>
  </transition>
</div>

data数据

news: [
        { id: "1", value: "你好啊的的" },
        { id: "2", value: "我是可以滚动的文本啊" },
        { id: "3", value: "大家大家都" }
      ],
number: 0,

计算属性

computed: {