vue中把props中的值赋值给data

vue中把props中的值赋值给data

2018年12月26日 14:37:11 木豆mudou 阅读数 3497

 

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_37146616/article/details/85261753

父组件：

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