vue的兩種傳參方式：
router-link傳參方式，
$router方式傳參
1、router-link傳參方式：

    <router-link
        :to="{
            path: 'yourPath',     //要跳轉的路徑
            params: {        //要傳的引數
                name: 'name',
                dataObj: data   
            },
            query: {
                name: 'name',
                dataObj: data
            }
        }"
 

    >

注意： params和query傳送引數同樣是key:value形式傳遞，但query是通過url來傳遞引數。

2、$router方式傳參

    //點選A頁面中的按鈕傳參到B頁面
    <template>
        <button @click="sendParams">傳遞</button>
    </template>
    <script>
        export default {
            name: '';
            data(){
                return
 
 {
                    msg: 'test message'
                }
            },
            methods: {
                sendParams(){
                    this.$router.push({
                        path: 'yourPath',
                        name: '要跳轉的路徑的name，在router資料夾下的index.js檔案內找',
                        params: {
                            name: 'name'
 
,
                            dataObj: this.msg
                        }
                        /*
                            query: {
                                name: 'name',
                                dataObj: this.msg
                            }
                        */
                    })
                    /*方法二：this.$router.push('/yourPath?rule=new');    定義一個變數rule用來儲存要傳的引數new*/
                }
            }
        }
    </script>

    //B頁面接收傳過來的值
    <template>
        <h3>{{msg}}</h3>
    </template>
    <script>
        export default {
            name: '',
            data(){
                return {
                    msg: ''
                    /*方法二：msg: this.$route.query.rule,  //獲取路由傳過來的引數*/
                }
            },
            methods:{
                getParams(){
                    //取到路由傳過來的引數，將資料放在當前元件的資料內
                    this.msg = this.$route.params.dataobj;
                }
            },
            watch: {
                //監測路由變化，只要變化了就呼叫獲取路由引數
                '$route': 'getParams'
            }
        }
    </script>