vue--计算属性的使用

最新推荐文章于 2024-01-21 19:01:45 发布

aaamoi

最新推荐文章于 2024-01-21 19:01:45 发布

阅读量308

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/a_moi/article/details/104623844

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计算属性</title>
</head>
<body>
    <div id="app">
      <div> {{daoxu}} </div>
      <div> {{jisuan}} </div>
    </div>
    <script src="js/vue.js"></script>
    <script>
        var vm =new Vue({
            el:'#app',
            data:{
                msg:'我想倒序这句话',
                a:'111',
                b:'222'
            },
            computed: {
                //倒序一句话
                daoxu: function(){
                    return this.msg.split('').reverse().join('');
                },
                //进行加法计算
                jisuan:function(){

                    return parseInt(this.a)+parseInt(this.b);
                }
                
            },
        
            methods:{

            }
        })


    </script>
</body>
</html>