Vue 组件通信与路由

    <!-- 路由的实现
    （1）传统的开发方式url改变后，立刻发生请求相应这个页面，有可能资源过多，传统开发会让页面出现白屏
    （2）SPA 单页面应用 Single Page Application
    锚点值改变后
    不会立刻发送请求，而是在某个合适的时机，发送请求ajax 页面局部渲染
    优点：页面不立刻跳转 用户体验好
     
     -->
    
    <a href="#/login">登录页面</a>
    <a href="#/register">注册页面</a>
    <div id="app">
        
    </div>
    <script type="text/javascript">
        var oDiv=document.getElementById('app');
        
        window.onhashchange=function(){
            console.log(location.hash);
            switch(location.hash){
                case '#/login':
                oDiv.innerHTML='<h2>我是登录页面</h2>'
                break;
                case '#/register':
                oDiv.innerHTML='<h2>我是注册页面</h2>'
                break;
                default:
                break;
            }
        }
    </script>
</body>`