• 如果在template中,显示的调用了 prop 属性,那么 default 属性就不会生效
  • 如果在template中,不调用 prop 属性,default 就会生效
  • default 值有效与否,和 prop 的验证通不通过,没有关系
//声明
Vue.component("blog-post", {
  props: {
    postTitle: {
      type: Number,
      default: 10000
    }
  },
  template: "<h3>{{ postTitle }}</h3>"
});
//在template中,显示调用prop 属性,default不生效
<blog-post :postTitle="54"></blog-post>
//在template中,不调用prop 属性,default生效
<blog-post></blog-post>
Logo

前往低代码交流专区

更多推荐