vue中computed，methods区别

一.computed和methods主要区别在于是否有缓存。
computed每次都会把结果缓存起来，如果依赖的数据没变都不会重新计算。methods每次都会重新计算相应的值。

<template>
    <div>
        <p>原始字符串:{{text}}</p>
        <p>通过computed运算后得到的字符串:{{computedText}}</p>
        <p>通过method运算后得到的字符串:{{methodText()}}</p>
    </div>
</template>

<script>
export default {
    data(){
        return{
            text:'good study,day up'
        }
    },
    computed:{
        computedText(){
            return this.text.replace(",",' ').split(' ').reverse().join('-')
        }
    },
    methods:{
        methodText(){
            return this.text.replace(",",' ').split(' ').reverse().join('-')
        }
    }
}
</script>