前端进阶Vue框架-----计算属性

小不言啊

已于 2022-02-17 15:37:47 修改

阅读量91

点赞数

文章标签：前端 vue.js 前端框架

于 2022-02-17 15:30:31 首次发布

本文链接：https://blog.csdn.net/m0_61656944/article/details/122984497

版权

计算属性：防止模板过重，难以维护，负责逻辑放在计算属性中来写。

  <script src="/lib/vue.js"></script>
</head>
<body>
    <div id="box">
        {{conputerName}}
    </div>

    <script>
        new Vue({
            el:"#box",
            data:{
                myName:"xby"
            },
            computed:{
                conputerName(){
                    return this.myName.substring(0,1).toUpperCase() + this.myName.substring(1)
                }
            }
        })
    </script>
    
</body>