Vue教程02(跑马灯效果案例)，附答案+考点

})

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