SHARE
TWEET

Untitled

a guest Jul 18th, 2019 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. h1 Vue offical tutorial
  2. hr
  3.  
  4. div(id="app") {{ message }}
  5. hr
  6.  
  7. div(id="app2")
  8.   span(v-bind:title="message") {{ message }}
  9. hr
  10.  
  11. div(id="app3")
  12.   span(v-if="seen") {{ message }}
  13. hr
  14.  
  15. div(id="app4")
  16.   ol
  17.     li(v-for="todo in todos") {{ todo.text }}
  18. hr
  19.  
  20. div(id="app5")
  21.   p {{ message }}
  22.   button(v-on:click="reverseMessage") reverse?
  23. hr
  24.  
  25. div(id="app6")
  26.   p {{ message }}
  27.   input(v-model="message")
  28. hr
  29.  
  30. div(id="app7")
  31.   //-
  32.       Now we provide each todo-item with the todo object
  33.       it's representing, so that its content can be dynamic.
  34.       We also need to provide each component with a "key",
  35.       which will be explained later.
  36.   //
  37.   ol
  38.     todo-item(
  39.       v-for="item in groceryList",
  40.       v-bind:todo="item",
  41.       v-bind:key="item.id"
  42.     )
  43. hr
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