# 对组件的理解

var childComponent = Vue.extend({
    name:'childComponents',
    template: document.getElementById('ChildComponent'),
    props:{
        text:{
            type: String
        }
    },
    data:function(){
        return {
            show: true,
        }
    },
    methods:{
        hanldClick(){
            console.log('hanldClick：'+this.text);
            this.$emit('on',this.text);
        },
    },
    activated(){
		console.group('activated');
		console.log(this.$el)
		console.groupEnd();
	},
	deactivated(){
		console.group('deactivated');
		console.log(this.$el)
		console.groupEnd();	
	}
});

var vm = new Vue({
    el: '#app',
    data: {
        text: 'hello world'
    },
    components:{
        childComponent: childComponent
    },
    methods:{
        callblock:function(val){
            console.log('callblock：'+val);
        },
    }
});

function destroy(){
    vm.$destroy();
}