vuejs
/
vue
kopia lustrzana https://github.com/vuejs/vue.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>route</title>
        <meta charset="utf-8">
        <script src="../../../dist/vue.js"></script>
    </head>
    <body>
        <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>

            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>
    </body>
</html>