})
2.2 动态截取加定时
var vm = new Vue({
el: ‘#app’,
data: {
msg: ‘加油,小强,你最棒~~!’,
intervalId: null // 在data上定义 定时器Id
},
methods: {
lang() {
// 获取到头的第一个字符
// this
if (this.intervalId != null) return;
this.intervalId = setInterval(() => {
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 取消定时器
sto