vue中computed的作用以及用法

vue

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

以上是 vue中computed的作用以及用法 的全部内容, 来源链接: utcz.com/z/376215.html

回到顶部