本文實例為大家分享了Vue實現跑馬燈效果的具體代碼，供大家參考，具體內容如下
實現的業務邏輯
1、給[嗨起來]按鈕，綁定一個點擊事件 v-on（@）。
2、在按鈕的事件函數處理中，寫相關的業務邏輯：拿到msg的字符串，後調用字符串中的substring來進行字符串的截取操作，放到最後一個位置。
3、為了實現點擊下按鈕，自動截取功能，需要將步驟2中代碼放到一個定時器中。
實現代碼如下：
Document{{msg}}{ //獲取到頭的第一個字符 var start=this.msg.substring(0,1) //獲取到後面的所有字符 var end=this.msg.substring(1) //重新拼接得到新的字符串，並賦值給this.msg this.msg=end+start //注意：vm實例，會監聽自己身上data中所有數據的改變，只要數據一發生變化，就會把最新數據，從data上同步到頁面中去 },50) }, stop(){//停止計時器 clearInterval(this.intervalId) //每當清除了定時器後，需要重新把intervalId置為null this.intervalId=null; } } })" _ue_custom_node_="true">
[zhang3221994 ] Vue實現跑馬燈效果已經有606次圍觀