1.效果演示
2.相关代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="js/vue-2.4.0.js"></script>
</head>
<body>
<div id="app"><input type="button" value="浪起来" @click="lang"><input type="button" value="低调" @click="stop"><h4>{{msg}}</h4>
</div>
<script>var vm = new Vue({el: "#app",data: {msg: "猥琐发育,别浪~~!",interval: null},methods: {lang: function () {console.log(this.msg);var _this = this;_this.interval = setInterval(function () {//获取第一个字符var start = _this.msg.substring(0, 1);//得到后面的字符var end = _this.msg.substring(1);//重新赋值_this.msg = end + start;}, 400)},stop:function () {//停止定时器clearInterval(this.interval);}}});</script>
</body>
</html>![[css] 用CSS绘制一个三角形](http://pic.xiahunao.cn/[css] 用CSS绘制一个三角形)
![[css] 说下line-height三种赋值方式有何区别？](http://pic.xiahunao.cn/[css] 说下line-height三种赋值方式有何区别？)
![[css] 让网页的字体变得清晰，变细用CSS怎么做？](http://pic.xiahunao.cn/[css] 让网页的字体变得清晰，变细用CSS怎么做？)
![[css] 描述下你所了解的图片格式及使用场景](http://pic.xiahunao.cn/[css] 描述下你所了解的图片格式及使用场景)
 和 http 在同一端口的问题)
![[css] 请描述css的权重计算规则](http://pic.xiahunao.cn/[css] 请描述css的权重计算规则)
的方式)
![[css] rgba()和opacity这两个的透明效果有什么区别呢？](http://pic.xiahunao.cn/[css] rgba()和opacity这两个的透明效果有什么区别呢？)
![[css] 怎样修改chrome记住密码后自动填充表单的黄色背景？](http://pic.xiahunao.cn/[css] 怎样修改chrome记住密码后自动填充表单的黄色背景？)
![[css] 说说你对z-index的理解](http://pic.xiahunao.cn/[css] 说说你对z-index的理解)
