props

@props的使用

自定义属性props

1.props是只读的,应该先赋值给data中的属性，然后再通过data中的数据修改，不要直接修改

例

<button @click="init+=1">+1</button>  //会报如下错误

props中的值先赋值后修改(通过data修改，data中的值可读可写)

<template>
<p>{{count++}}<p>
</template>
<script>
export default{
prop:['init']
data(){
count:this.init
}
}
</script>

结合bind使用自定义属性

bind里面包裹的是js表达式

:app='1'   //这个app是数值1，里面可以解析变量
app='1'    //这个app是字符串1，里面包裹的都按照字符串解析

2、props的默认值（对象形式）

export default{
props:{
    init:{
//如果外界使用count组件时，没有传递init组件，则默认值生效
//用default属性来定义默认值,传递过来不是此类型，会报错。
	default:0
//用type属性来定义值类型
	type:Number
	//用require来进行必传项校验
	require:true
	}
}}