vue中computed的作用以及用法

在vue中computed是計算屬性，主要作用是把數據存儲到內存中，減少不必要的請求，還可以利用computed給子組件的data賦值。

參考地址：https://www.jianshu.com/p/ff708a773dc0

// 父組件
<template>
    <div>
        <navbar :ctype="ctype"></navbar>
    </div>
</template>

<script>
import navbar from '@/components/navbar'
   export default {
       components: {navbar},
       data () {
           return{
               ctype:1
           }
       }
   }
</script>

// 子組件
<template>
    <div>
        <div>{{thistype}}</div>
    </div>
</template>

<script>
export default {
    props:['ctype'],
    computed: {
      normalizedSize: function () {
        return this.ctype.trim().toLowerCase()
      }
    },
    data(){
        return{
            thistype:this.ctype
        }
    }
}
</script>