vue.js中父組件觸發子組件中的方法

知識點：vue.js中，父組件的method中，觸發子組件中的方法，得到子組件中的定義的屬性

（1）子組件 ：

 child_crud.js

var html_child_crud=
 "<div>\n" +
 。。。子組件頁面內容

 "</div>";

var child_crud= Vue.component('child_crud', {
 template:html_child_crud ,
 data : function(){
 return {
 name:"子組件"

}
    },
    methods: {
 //子組件中的方法
 query:function(){
 
 }
 },
});

（2）父組件：

<script type="text/javascript" src="../child_crud.js"></script>

<div id="myvue">

<template>
 <child_crud ref="childComponent"></child_crud>
 </template>

</div>
<script>

var myvue = new Vue({
 el: '#myvue',
 data:function() {
 return {
  
 };
 },
 methods: {
 invokeChildmethod:function(){
 //父類經過ref="face_device_log"給子類起的名字face_device_log，調用子類中的方法
 this.$refs.childComponent.query();
 //調用子類中屬性,更改子類中屬性
 this.$refs.childComponent.name='parent';
 }
 }

})

</script>