Vue之计算属性computed

在vue中当需要重复用到某个方法时，可以使用computed计算属性代替methods函数。

例如：

我需要在页面上展示多个fullname(由firstname和lastname组成）

<div id="app">
    <!-- 重复使用fullname -->
    <h2>{{fullname}}</h2>
    <h2>{{fullname}}</h2>
</div>


<script src="vue.js"></script>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            firstname: 'L',
            lastname: 'QP'
        },
        // 原始的methods方法
        methods: {
            fullname(){
                return this.firstname + this.lastname
            }
        },
        // computed属性
        computed: {
            fullname() {
                return this.firstname + this.lastname
            }
        }
    })
</script>

PS:定义计算属性时，需要加上括号；运用计算属性时不需要加上括号。

而methods一般都需要加上括号。