vue computed 计算属性

vue 中的computed 計算屬性

computed 最大特点就是缓存
渲染可以是數組類型 ，文本內容

<template>
    <div class="cssitem">
			<!--   兩個 v-for  遍歷需要使用唯一的 key值   使用下標作為key值 會因為下標相同而報錯 但一樣能渲染 -->
       <div v-for="(item,index) in setData"  :key="index">{{item}}</div>
       <div v-for="(ite,ind) in comData"  :key="ind+10">{{ite}}</div>
       <div>{{comData}}</div>
    </div>
</template>

<script>
    export default {
        name:'Cssitem',
        data(){
            return{
                // 計算屬性數組測試      僅供個人理解使用
                setData:[
                    1,2,3,4,5,6,7,8
                ]
            }
        },
        computed:{
            comData() {
                return this.setData.slice(3,5)
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>