routing.html 622 B

12345678910111213141516171819202122232425262728
  1. <div v-if="route.hi">Hi! <a href="#ho">Next</a></div>
  2. <div v-if="route.ho">Ho! <a href="#ha">Next</a></div>
  3. <div v-if="route.ha">Ha! <a href="#hi">Next</a></div>
  4. <script src="../../../dist/vue.js"></script>
  5. <script>
  6. var route = {
  7. hi: false,
  8. ho: false,
  9. ha: false
  10. }
  11. window.addEventListener('hashchange', updateRoute)
  12. function updateRoute () {
  13. var path = location.hash.slice(1) || 'hi'
  14. for (var key in route) {
  15. route[key] = key === path
  16. }
  17. }
  18. var app = new Vue({
  19. el: 'body'
  20. })
  21. app.route = route
  22. updateRoute()
  23. </script>