自定义属性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
}
}}