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>