2. 计算属性的setter和getter

香菜大魔王(✪ω✪)

已于 2022-01-24 14:03:48 修改

阅读量213

点赞数

分类专栏： VUE2.0 文章标签： vue.js 前端框架

于 2022-01-20 17:59:50 首次发布

本文链接：https://blog.csdn.net/weixin_44020255/article/details/122605757

版权

VUE2.0 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<body>
    <div id="app">
        <h2>{{fullName}}</h2>
        <!-- fullName后面不需要加小括号() 因为他是一个属性，不是方法 -->
    </div>
    <script src="js/vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                firstName: '哈哈',
                lastName: 'yingzi'
            },
            computed: {
                // 简写(一般写法)
                // fullName: function(){
                //     return this.firstName+ '' +this.lastName
                // }

                // 计算属性完整的写法
                // 计算属性一般没有set方法，只读属性
                //一般只需要实现 get 方法，set方法不需要实现，可省略，并且将下面的get换成fullName，于是上方简写
                fullName: {
                    set: function() {

                    },
                    get: function() {
                        return this.firstName + ' ' + this.lastName
                    }
                }
            }
        })
    </script>
</body>

香菜大魔王(✪ω✪)

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2. 计算属性的setter和getter

<body> <div id="app"> <h2>{{fullName}}</h2>  </div> <script src="js/vue.js"></script> <script> const app = new Vue({ .
复制链接

扫一扫

专栏目录