1.this.$router.push()路由跳轉

 2.this.$router.back()路由返回，沒有參數

 3.this.$router.forward()路由前進

 4.this.$router.replace(“路徑”)路由替換

 5.this.$router.go() 前進1     /後退-1    /刷新0

<div class="goods">
        <ul>
            <li v-for
 
="(item,index) in goodslist" @click="handleChangeRouter(item,index)">
                <p>{{item.goodsName}}</p>
                <p>{{item.goodsPrice}}</p>
            </li>
        </ul>
    </div>
 
 
methods:{
        handleChangeRouter(item,index){
　　　　
 
//傳值的方法 有三種，註意，路徑只能用name屬性
            this.$router.push({name:"details",query:{name:item.goodsName,price:item.goodsPrice}})
        }
    },

應用舉例：
手機頁面上的 < 符號，當點擊時，返回

必須先到達某個路由，然後返回，此時才能前進

參數為路徑，點擊後，將當前所有的路徑都進行了替換，前進和後退都失效

傳遞參數，前進：1
        後退：-1
        刷新：0

 <div class="back" @click="handleBack()">返回</div>
 <div class="replace" @click="handleReplace()">替換</div>
 <div class="forward" @click="handleForward()">前進</div>
<div class="go" @click="handleGo()">go</div>
 
 
methods:{
        handleBack(){
            this.$router.back()
        },
        handleForward(){
            this.$router.forward()
        },
         handleReplace(){
            this.$router.replace("/goods")
        },
         handleGo(){
            this.$router.go(0);
        }
    }
 

vue----webpack模板----編程式導航