Timeline: fix reverse broken (#16091)

packages/timeline/src/main.vue

@@ -1,12 +1,3 @@
-<template>
-  <ul class="el-timeline"
-    :class="{
-      'is-reverse': reverse
-    }">
-    <slot></slot>
-  </ul>
-</template>
-
 <script>
   export default {
     name: 'ElTimeline',
@@ -24,15 +15,19 @@
       };
     },
 
-    watch: {
+    render() {
-      reverse: {
+      const reverse = this.reverse;
-        handler(newVal) {
+      const classes = {
-          if (newVal) {
+        'el-timeline': true,
-            this.$slots.default = [...this.$slots.default].reverse();
+        'is-reverse': reverse
-          }
+      };
-        },
+      let slots = this.$slots.default || [];
-        immediate: true
+      if (reverse) {
+        slots = slots.reverse();
       }
+      return (<ul class={ classes }>
+        { slots }
+      </ul>);
     }
   };
 </script>