vue.js中父组件触发子组件中的方法

知识点：vue.js中，父组件的method中，触发子组件中的方法，获得子组件中的定义的属性

（1）子组件 ：

 child_crud.js

var html_child_crud=
    "<div>
" +
       。。。子组件页面内容

    "</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>