vue的小练习-翻转单词

news/2024/7/10 2:00:45 标签: vue, javascript, 前端

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

<!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>


http://www.niftyadmin.cn/n/5260155.html

相关文章

面试经典150题(15-19)

leetcode 150道题 计划花两个月时候刷完&#xff0c;今天&#xff08;第七天&#xff09;完成了5道(15-19)150&#xff1a; 今天这些都是我之前做过的&#xff0c;还有就是今天的全都是模拟过程。。所以做的还算快。 15&#xff08;13. 罗马数字转整数&#xff09; 题目描述&a…

如何使用自动化工具编写测试用例?

以下为作者观点&#xff0c;仅供参考&#xff1a; 在快速变化的软件开发领域&#xff0c;保证应用程序的可靠性和质量至关重要。随着应用程序复杂性和规模的不断增加&#xff0c;仅手动测试无法满足行业需求。 这就是测试自动化发挥作用的地方&#xff0c;它使软件测试人员能…

在RHEL8中如何使用 SELinux

本章主要介绍在RHEL8中如何使用 SELinux。 了解什么是 SELinux 了解 SELinux 的上下文 配置端口上下文 了解SELinux的布尔值 了解SELinux的模式 在 Windows系统中安装了一些安全软件后&#xff0c;当执行某个命令时&#xff0c;如果安全软件认为这个 命令对系统是一种危害&a…

单节点es 打开文件过多(too many open files)

今天重启es后&#xff0c;发现es服务是启动了&#xff0c;但是实时数据并未写入es数据库&#xff0c;查看日志发现&#xff0c;报错如下图 我看了下正在运行的es程序打开了多少文件(4274是es的pid&#xff09; 然后再网上搜了很多&#xff0c;说是要调整linux的系统&#xff0c…

云架构俭约之道七法则(The Frugal Architect)

文章目录 一、前言关于 Law 与 Rule 的区别 二、云架构俭约之道七法则Design&#xff08;设计方面&#xff09;Law 1&#xff1a;把成本作为非功能性需求Law 2&#xff1a;可持续性系统需要将成本与业务相匹配Law 3&#xff1a;架构设计是一系列权衡的取舍 Measure&#xff08;…

23. 如何设计一个前端项目

23. 如何设计一个前端项目 设计项目需要关注的重点&#xff1a; 技术方案设计和选型技术选型的影响因素前端框架和工具选型 多人协作和团队规范使用一直的代码开发规范制定合适的代码流程规范 设计项目需要关注的重点&#xff1a; 技术方案设计和选型多人协作和团队规范的制订…

20、备忘录模式(Memento Pattern,不常用)

备忘录模式又叫作快照模式&#xff0c;该模式将当前对象的内部状态保存到备忘录中&#xff0c;以便在需要时能将该对象的状态恢复到原先保存的状态。 备忘录模式提供了一种保存和恢复状态的机制&#xff0c;常用于快照的记录和状态的存储&#xff0c;在系统发生故障或数据发生…

什么是接口测试?接口测试流程有哪些?我来告诉你

首先&#xff0c;什么是接口呢&#xff1f; 接口一般来说有两种&#xff0c;一种是程序内部的接口&#xff0c;一种是系统对外的接口。 系统对外的接口&#xff1a;比如你要从别的网站或服务器上获取资源或信息&#xff0c;别人肯定不会把数据库共享给你&#xff0c;他只能给…