vue:props中的值赋值给data

2022-06-16 09:16:27 浏览数 (1)

父组件:

代码语言:javascript复制
<template>
	<div>
		<navbar :ctype="ctype"></navbar>
	</div>
</template>

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

子组件:

代码语言:javascript复制
<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>

0 人点赞