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

阅读 169

2022-02-17

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

 

 

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

精彩评论(0)

0 0 举报