Update index.vue

website-project/testFile/index.vue

@@ -176,10 +176,19 @@
 </template>
 
 <script>
+  // 下面是关于pl-table的树形数据的介绍，希望读完下面的文字
+  
   // （最大数量500）当然你可以更多，那么只会导致你遍历时间多，页面等待时间长，（并非渲染节点时间长）
   // 另外 就以下的这个层级，总数据量展开后，就是 500 + 500 x 3 + 3 x 1 = 2003 的总数据量
-  // 如果你 第一级是500 第二级也是500 第三级是10， 那么你的数据量就是 500 + 500 x 500 + 500 x 10的总数据量，这是非常吓人的
-  // 所以结合自己情况去给树数据，树节点  避免不鸟去递归，如果你的数据量很大很大，那么你会死在遍历上。
+  // 如果你 第一级是500， 第二级也是500， 第三级是10。 那么你的数据量就是 500 + 500 x 500 + 500 x 10 的总数据量，这是非常吓人的
+  // 所以结合自己情况去给树数据，不要瞎乱给下面的数据，树节点避免不鸟去递归，如果你的数据量很大很大，那么你会死在遍历上。
+  // 注意,注意，注意：并非第一级不能超过500，是想告诉你们嵌套里面子节点层级数据量不要太大。比如你可这样的： 第一级为1000， 第二级为2-5的数据量，
+  // 第三级为2-5的数据量....， 那么这样算下来，就是 1000 + 1000 x 5  + 5 x 5  = 6025的数据量，应该是可以的，但是记住要是太大的嵌套数据。那只会导致
+  // 程序卡在遍历数据上，因为程序需要慢慢去递归遍历。这是没有办法的。
+  
+  // 但是传统el-table  或者el-tree他们数据量超过200  就会卡。 所以我们已经很好的优化了这一点。不过看来对于树形数据的要求，应该数据量不会太大。
+  // 你可以在pl-table的基础上去改改样式，就可以变相的去实现el-tree的组件了哦，你隐形下头部，把列的高度高小一点。然后隐形边框线。是不是就是el-tree了呢？？？
+  
   var dataList = Array.from({ length: 500 }, (_, idx) => ({
       id: idx + '_' + 1,
       date: '2016-05-03',