小言_互联网的博客

vue：props中的值赋值给data

2020-09-15 18:31 350人阅读  评论(0)

父组件：

<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://blog.csdn.net/ZiChen_Jiang/article/details/108491888
查看评论
* 以上用户言论只代表其个人观点，不代表本网站的观点或立场