| 12345678910111213141516171819202122232425262728 |
- <div v-if="route.hi">Hi! <a href="#ho">Next</a></div>
- <div v-if="route.ho">Ho! <a href="#ha">Next</a></div>
- <div v-if="route.ha">Ha! <a href="#hi">Next</a></div>
- <script src="../../../dist/vue.js"></script>
- <script>
- var route = {
- hi: false,
- ho: false,
- ha: false
- }
- window.addEventListener('hashchange', updateRoute)
- function updateRoute () {
- var path = location.hash.slice(1) || 'hi'
- for (var key in route) {
- route[key] = key === path
- }
- }
- var app = new Vue({
- el: 'body'
- })
- app.route = route
- updateRoute()
- </script>
|