Computed计算属性、Watch监听属性和Methods函数的描述和区别

@[TOC]Computed计算属性、Watch监听属性和Methods函数的描述和区别

Computed计算属性、Watch监听属性和Methods函数的描述和区别

在 Vue 中，Computed计算属性，Watch监听，Methods方法，有很大的区别，在不同的场景下使用不同的属性，每一个属性都有自己很大的作用。

Computed计算属性

在 computed 中可以定义一些属性，这些属性叫做计算属性；计算属性的本质就是一个方法，只不过在使用计算属性时，是把它们的名称直接当做属性来使用，并不会把 计算属性 当做方法来调用。

代码示例：
computed 的使用：这是名字的拼接的案例

    <div id="app">
        <input type="text" v-model="firstname"> +
        <input type="text" v-model="lastname"> =
        <input type="text" v-model="fullname">
    </div>

<script>
    new Vue({
   
        el:'#app',
        data:{
   
            firstname:'',
            lastname:''
        },
        methods:{
   },
        computed:{
    
            fullname:function(){
   
                return fullname = this.firstname + ' ' + this.lastname;
            }
            //在 computed 函数内部，必须 return 出一个新的数据
        },