Skip to content

Instantly share code, notes, and snippets.

@josephjaniga
Created September 26, 2016 12:21
Show Gist options
  • Select an option

  • Save josephjaniga/078e45c62abcb1ac3ec8a2267313bca6 to your computer and use it in GitHub Desktop.

Select an option

Save josephjaniga/078e45c62abcb1ac3ec8a2267313bca6 to your computer and use it in GitHub Desktop.

Revisions

  1. josephjaniga created this gist Sep 26, 2016.
    14 changes: 14 additions & 0 deletions setup.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@

    window.vueData = {
    primary: {
    show: true,
    message: '',
    classes: [],
    language: 'en'
    }
    };

    this.vue = new Vue({
    el: '#app',
    data: window.vueData
    });
    11 changes: 11 additions & 0 deletions template.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    <div class="container" id="app">
    <div class="row primary">
    <div class="col-xs-12">
    <h1 v-bind:class="primary.classes.concat(['title'])"
    lang="{{ primary.language || 'en' }}"
    v-show="primary.show">
    {{ primary.message }}
    </h1>
    </div>
    </div>
    </div>