实现思路
通过 document.title 获取标题,存放在 data 属性中。然后在 methods 属性中定义 TitleScrolling () 方法用于调用。每次截取首字符串与除首字符串外所有字符串,头尾拼接后赋给 data 对应属性,然后再赋给 document.title(最终显示),最后套上 setInterval 定时器实现每隔一定时间内截取拼接,所呈现的就是文字滚动。
注意:这里使用ES6箭头函数,解决了this指向vue实例的问题。
code标签中的文字会自动获取,只需调用TitleScrolling()方法即可实现标题文字滚动。
var vm = new Vue({
el:'#app'