Vue to achieve the announcement article text from left to right cycle scrolling effect how to do?

is it possible to simply use Vue without operating DOM?

Mar.10,2021

is implemented through transform. The style, of binding a transform for an element is as follows:

<p :style="{transform: `translate(${trans}px)`} ">testtest

then move the text by changing the value of trasform, as follows:

<script>
export default {
   data: function () {
     trans: 0
   },
   mount: function () {
      this.move(this.translate)
   },
   methods: {
     move: function (value) {
     // 
     }
   }
}
</script>
Menu