SHARE
TWEET

Untitled

a guest Jul 17th, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- App -->
  2. <div id="app">
  3.    
  4.     <component :is="state.view">
  5.         <h1>{{ state.view }}</h1>
  6.     </component>
  7.     <controls></controls>
  8. </div>
  9.  
  10. <!-- Controls -->
  11. <template id="controls">
  12.     <ul class="controls">
  13.         <li v-for="(animation, index) in state.animations" @click.prevent="setView(animation)" v-bind:class="{ 'active': animation === state.view }">
  14.             {{ animation }}
  15.         </li>
  16.     </ul>
  17. </template>
  18.  
  19. <!-- Transitions -->
  20. <template id="page">
  21.     <transition
  22.         v-on:enter="enter"
  23.         v-on:leave="leave"
  24.         v-bind:css="false"
  25.         appear
  26.     >
  27.         <div class="page" v-bind:class="state.view">
  28.             <div class="center">
  29.                 <slot></slot>
  30.             </div>
  31.         </div>
  32.     </transition>
  33. </template>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top