add data

jshawl · Feb 1, 2017 · 4a6e34ae7c4558cddb6c1d14b8e66ec7cff52407 · 4a6e34a
1 parent 88346c5
commit 4a6e34ae7c4558cddb6c1d14b8e66ec7cff52407
Unified Split

Showing with 14 additions and 2 deletions.

+14 −2 index.html
diff --git a/index.html b/index.html
@@ -9,12 +9,24 @@
    </div>
    <script type='x-template' id='tree'>
      <div>
-  
-        Hello
+  
+        <div v-for="file in files">
+  
+          {{file.name}}<span v-if="file.tag == 'folder'">/</span>
+  
+        </div>
      </div>
    </script>
    <script>
+  
+      let files = [
+  
+        {tag: 'folder', name: 'dir1'},
+  
+        {tag: 'folder', name: 'dir2'},
+  
+        {tag: 'file', name: 'file1'}
+  
+      ]
      Vue.component('tree',{
-  
-        template: '#tree'
+  
+        template: '#tree',
+  
+        data(){
+  
+          return {
+  
+            files
+  
+          }
+  
+        }
      })
      new Vue({
        el: '#app'