Skip to content

Instantly share code, notes, and snippets.

@praneetloke

praneetloke/App.vue

Last active June 9, 2018 16:53
Show Gist options
  • Save praneetloke/d4b30f3a238cb7ce3bceb7fbfe399b0c to your computer and use it in GitHub Desktop.
Save praneetloke/d4b30f3a238cb7ce3bceb7fbfe399b0c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. praneetloke revised this gist Jun 9, 2018. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions App.vue
    View file
    Original file line number Diff line number Diff line change
    @@ -12,11 +12,11 @@
    <script>
    export default {
    name: 'App',
    data: () => {
    data() {
    return {
    showMessage: true,
    message: 'Hello, World!',
    items: ['Cake', 'Coding']
    items: ['Cake', 'Coding'],
    };
    }
    };
  2. praneetloke revised this gist Jun 7, 2018. 1 changed file with 6 additions and 1 deletion.
    7 changes: 6 additions & 1 deletion App.vue
    View file
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,10 @@
    <div id="app">
    <img src="./assets/logo.png">
    <div v-show="showMessage">{{message}}</div>
    <div v-show="items.length > 0">I like</div>
    <ul>
    <li v-for="(item, index) in items" v-bind:key="index">{{item}}</li>
    </ul>
    <router-view/>
    </div>
    </template>
    @@ -11,7 +15,8 @@ export default {
    data: () => {
    return {
    showMessage: true,
    message: 'Hello, World!'
    message: 'Hello, World!',
    items: ['Cake', 'Coding']
    };
    }
    };
  3. praneetloke revised this gist Jun 7, 2018. 1 changed file with 12 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions App.vue
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,19 @@
    <template>
    <div id="app">
    <img src="./assets/logo.png">
    <div v-show="showMessage">{{message}}</div>
    <router-view/>
    </div>
    </template>
    <script>
    export default {
    name: 'App',
    data: () => {
    return {
    showMessage: true,
    message: 'Hello, World!'
    };
    }
    };
    </script>
    ...
  4. praneetloke created this gist Jun 7, 2018.
    7 changes: 7 additions & 0 deletions App.vue
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <template>
    <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
    </div>
    </template>
    ...