vue文字跑马灯效果

前言

效果：
当鼠标移入跑马灯文字时，跑马灯文字暂停滚动，反之鼠标移出继续滚动。

知识点：

1. substring(字符串截取)
2. setInterval定时器(解决字符串持续截取与头尾拼接)
3. clearInterval清除定时器(解决悬停暂停)
4. ES6箭头函数(解决this指向)

代码实现

HTML：
<div id="app">
	<span @mouseout="start" @mouseover="stop"