组件参数校验与非props特性

1、props特性要求父组件传,子组件接,并且不会将传递的属性显示在dom标签中;
2、非props特性,父组件传但子组件不接,会将传递的属性显示在dom标签中;

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
  <script src='./vue.js'></script>
</head>

<body>
  <div id="app">
    <child content="hello world"></child>
  </div>

  <script>
    // 组件参数校验:对传入的参数类型进行约束
    Vue.component('child', {
      // props: {
      //   content: {
      //     type: String,
      //     // required: false,
      //     // default: 'default value'
      //     validator: function(value) {
      //       return (value.length > 5)
      //     }
      //   }
      // },
      template: '<div>hello</div>'
    })
    var vm = new Vue({
      el: '#app',
      data: {
        total: 5
      },
      methods: {}
    })
  </script>
</body>

</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容