Vue学习之跑马灯效果(1)

var start = this.msg.substring(0, 1)

// 获取到 后面的所有字符

var end = this.msg.substring(1)

// 重新拼接得到新的字符串，并赋值给 this.msg

this.msg = end + start

}, 400)

// 注意： VM实例，会监听自己身上 data 中所有数据的改变，只要数据一发生变化，就会自动把 最新的数据，从data 上同步到页面中去；【好处：程序员只需要关心数据，不需要考虑如何重新渲染DOM页面】

},

stop() {

}

}

})

2.3 取消定时器

stop() {

// 停止定时器

clearInterval(this.intervalId)

// 每当清除了定时器之后，需要重新把 intervalId 置为 null

this.intervalId = null;

}

2.4 完整代码

<input type=“button” value=“加油” @click=“lang”>

<input type=“button” value=“低调” @click=“stop”>

{{ msg }}

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-vWhU7KqR-1714370503555)]