javascript - Vue props验证。

问题描述

问 题

1.Vuejs组件的中的props验证怎么实现，不知道该如何实现?使用下面的代码总是报错！！！

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p>{{ message }}</p>
  <my-component :num="testNum"></my-component>
</div>

let child = {
template:'<div>A custom component</div>',
props:{
    num:{
    type:number,
  default:100
    }
}
}
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    testNum = 10
  },
  components:{
    'my-component':child
}
})

解决方案

两处错误导致：

请参考官方文档：
https://vuefe.cn/v2/guide/com...验证

这篇关于javascript - Vue props验证。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！