在组件中，可以使用this.setPrivateData和this.getPrivateData来设置和获取组件的私有数据，在组件的html中，可以使用@private别名来绑定私有数据。以下代码是一个多选列表的组件示例：

    1. <div class="list">
    2.     <div>{{@private.title}}</div>
    3.     <label p-for="@private.list" style="clear: both">
    4.         <div class="list-box">
    5.             <div class="list-box-inner"></div>
    6.         </div>
    7.         <div>{{name}}</div>
    8.         <input type="checkbox" style="display: none" p-bind="name:{{@private.name}} ^ value:{{value}}">
    9.     </label>
    10. </div>
    12. <style>
    13.     .list .list-box {
    14.         float: left;
    15.         width: 14px;
    16.         height: 14px;
    17.         border: 1px solid blue;
    18.         border-radius: 2px;
    19.         padding-top: 2px;
    20.         padding-left: 1px;
    21.         box-sizing: border-box;
    22.         margin-top: 4px;
    23.         margin-right: 5px;
    24.     }
    26.     .list .list-box.selected {
    27.         background: blue;
    28.     }
    30.     .list .list-box-inner {
    31.         width: 10px;
    32.         height: 4px;
    33.         transform: rotateZ(-45deg);
    34.         border-left: 2px solid white;
    35.         border-bottom: 2px solid white;
    36.         opacity: 0;
    37.         transition: all .3s;
    38.     }
    40.     .list .list-box.selected .list-box-inner{
    41.         opacity: 1;
    42.     }
    43. </style>
    45. <script>
    46.     this.onLoad = function (context, root, vm) {
    47.         this.setPrivateData($(root), context);
    48.         $(root).on('change', 'input', function (e) {
    49.             var target = e.currentTarget;
    50.             $(target).siblings('.list-box').toggleClass('selected');
    51.         })
    52.     }
    53. </script>