用vue使字符串倒序排列

用简单的vue方法让字符串倒序排列

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>字符串倒序</title>
	<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
	<div id="box">
	    <!-- 获得 msg 内容,调用 split 方法 ,拆开字符串为单个字符,然后翻转字符串,最后调用join方法 -->
		<h1>{{msg+'转为'+ msg.split('').reverse().join('') }}</h1>
	</div>
</body>
</html>
<script type="text/javascript">
	
	var vm = new Vue({
		el: '#box',
		data: {
			msg: 'hhhssc'
		}
	});
</script>
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

「陌客网」 vue学习 用vue使字符串倒序排列 https://www.moke1.cn/749.html

陌客爱生活,爱自己

常见问题

相关文章