VUE的计算属性

计算属性：

    形式：方法形式，实际存储的时方法的返回值
    仅在创建VUE对象或修改关联属性时调用1次，后续调用都是直接从内存中取值 

• 同一函数定义为一个方法而不是一个计算属性。
• 两种方式的最终结果确实是完全相同的。
• 不同的是 计算属性是基于它们的响应式依赖进行缓存的 。
• 只在相关响应式依赖发生改变时它们才会重新求值。

    <div id="app">
        <p>{{msg}}</p>
        <p>{{msgAttr}}</p>
        <p>{{msgMd()}}</p>
    </div>
    <script>
        let vm = new Vue({
            el: "#app",
            data: {
               msg:"足球，篮球"
            },
            computed:{
                msgAttr:function(){
                    return this.msg.replace("，","、");
                }
            },
            methods:{
                msgMd:function(){
                    return this.msg.replace("足","排");
                }
            }
        })
    </script>