1.父元件和子元件的傳值，函式的傳遞式觸發

子元件：

 1 <template>
 2     <div class="show-operation">
 3         
 4             <input type="text" v-model='info.name'>
 5             <input type="text" v-model='info.id'>
 6             <input type="text" v-model='info.ctime'>
 7             <input type="button" value="修改" @click="modify">
 8
 
             <button><router-link to=/classes>cancel</router-link></button>
 9           
10             <!-- 設定函式@click=觸發函式 -->
11     </div>
12 </template>
13 
14 <script>
15 export default {
16     name: 'modify',
17     data(){
18         return{
19             info:"",        
 
20             change:false
21         }
22     },
23     mounted(){
24         this.info = this.$route.query.per_info
25         
26     },
27 
28     
29     methods:{
30           modify(){           
31               console.log("子元件")
32               this.$emit("modify", [this.info, this.$route.query.per_info.id])
 
33 
34           }
35     }
36 
37 }
38 </script>
39 
40 <style>
41     .show-operation{
42         position: absolute;
43         top: 200px;
44         left: 200px;
45         background-color: red;
46         width:200px;
47         height: 200px;
48         z-index: 5;
49     }
50 </style>

父元件:

1  <transition mode="out-in">
2      <router-view @modify="modify"></router-view>                                      
3  </transition>
4    
script
{
　　modify(){
　　console.log('123')
}
}             

2. router-link的傳值方式