vue 跑马灯效果

vue 跑马灯效果

制作一个一条文字的跑马灯效果：
1、写上两个按钮，写上一条文字
2、给按钮定义点击事件
3、拿到文字用substring来做字符串截取，先获取第一个字符串，再获取第一个后面的字符串，然后字符串拼接
4、开启一个定时器，把第3点中的操作放进定时器中，就形成了一个跑马灯效果
代码如下：

<div id="app">
        <button @click="run">开始</button>
        <button @click="stop">停止</button>
        <h4>{
  {msg}}</h4>  
    </div>

 var vm = new Vue({
            el:"#app",
            data:{
                msg:"明天我要放假啦！！",
                timer :null,
            },
            methods:{
                run(){
	                 if(this.timer != null)
	                        return;
                    this.timer = setInterval(()=>{
                        var start = this.msg.substring(0,1);