Vue之props指定default值的使用方法

在父组件向子组件传递数据时,把props中的默认值传给子组件,如下代码,自定义组件不写属性就是显示的title中default值“长城”。




    
    test21
  



props数据验证中还有个required,表示必填,如果上面的title写成这样:

title:{
    type:String,
    default:"长城",
    required:true
}

运行报错:

Vue之props指定default值的使用方法_第1张图片

这里在网上查了下,如果要这样写显示默认,在实例中加入title:undefined,在自定义标签使用中用v-bind属性绑定




    
    test21
  



 

刚学VUE,很多东西的原理理解的还不是很透彻,暂且记录下学习路上的疑问点及解决方法,与君共勉!

你可能感兴趣的:(vue.js,html,vue,js)