在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>

 

转载于:https://www.cnblogs.com/lanshu123/p/10956073.html

Logo

前往低代码交流专区

更多推荐