0
点赞
收藏
分享

微信扫一扫

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

夏侯居坤叶叔尘 2022-02-17 阅读 169

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

 

 

  <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 条评论