computed与method

最新推荐文章于 2023-02-19 13:20:07 发布

月不留名

最新推荐文章于 2023-02-19 13:20:07 发布

阅读量233

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端 VUE 文章标签： VUE

本文链接：https://blog.youkuaiyun.com/weixin_42392456/article/details/81332636

web前端同时被 2 个专栏收录

10 篇文章

订阅专栏

VUE

5 篇文章

订阅专栏

本文介绍了一种使用Vue.js框架实现字符串反转的方法。通过计算属性和方法两种方式展示了如何将字符串“Runboo!”进行反转，并实时更新到网页上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <p>原始字符串：{{message}}</p>
        <p>计算反转字符串：{{reversedMessage}}</p>
        <p>方法反转字符串：{{reversedMessage2()}}</p>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        var vm=new Vue({
            el:"#app",
            data:{
                message:"Runboo!"
            },
            computed:{
                reversedMessage:function(){
                    return this.message.split('').reverse().join('');
                }
            },
            methods:{
                reversedMessage2: function () {
                    return this.message.split('').reverse().join('');
                }
            }
        })
    </script>
</body>
</html>