美文网首页
单页面多路由区操作

单页面多路由区操作

作者: 阳光之城alt | 来源:发表于2018-07-09 18:46 被阅读0次
    image.png image.png
    
    <template>
      <div id="app">
        <img src="./assets/logo.png">
    
         <div>
    
             <router-link to="/" >首页</router-link>|
             <router-link to="/xin">第二页</router-link>|
             <router-link :to="{name:'x1',params:{us:'xiao',xx:'zhazha'}}" >xin-x1</router-link>|
             <router-link :to="{name:'x2',params:{pa:'sun'}}">xin-x2</router-link>|
             <router-link :to="{name:'dan',params:{dan:'route'}}">dan</router-link>
         </div>
    
         <router-view></router-view>
         <router-view name="left" class="fd" ></router-view>
         <router-view name="right"  class="fy"></router-view>
    
      </div>
    </template>
    
    

    $router

    image.png
    import dan from '@/dan/dan'
    import dan1 from '@/dan/dan1'
    import dan2 from '@/dan/dan2'
    

    相关文章

      网友评论

          本文标题:单页面多路由区操作

          本文链接:https://www.haomeiwen.com/subject/kswtpftx.html