vue的小练习-翻转单词

先将字符串转成数组,用reverse()翻转数组,再转成字符串

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
       <h2> {{string}}</h2>
        <button @click="reverse">逆转世界</button>

    </div>
    <script src="../../vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                string:'Hello,world',
            },
            methods:{
                reverse(){
                    //先将字符串转成数组,用reverse()翻转数组,再转成字符串
                    this.string=this.string.split('').reverse().join('')
                }
            }
        })
    </script>
</body>

</html>
相关推荐
cc.ChenLy4 分钟前
浏览器缓存机制详解:如何彻底解决前端代码更新后的缓存问题
前端
阿珊和她的猫7 分钟前
使用 TypeScript 实现数组类型判断方法
javascript·typescript·状态模式
XTTX11010 分钟前
Vue3+Cesium电子围栏效果
前端·javascript·vue.js
KevinWang_29 分钟前
AI 基础设施及其应用
前端
AIFarmer29 分钟前
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。
前端·npm·node.js
小红的布丁34 分钟前
Redis 集群详解:主从哨兵和切片集群有什么区别
前端·数据库·redis
小高0071 小时前
🔥前端性能内卷终点?Signals 正在重塑我们的开发习惯
前端·javascript·vue.js
周末也要写八哥1 小时前
HTML网页设计入门之“做前端”的基本思路
前端·html
VelinX1 小时前
【个人学习||vue】
前端·vue.js·学习
禅思院1 小时前
前端性能优化:从“术“到“道“的完整修炼指南
前端·性能优化·前端性能优化·分层优化模