VUE框架CLI组件化组件通过代码来完成自定义事件绑定——VUE框架

	

		
		
		
		
		你好
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	

 

import User from "./components/User.vue"
export default {
	name : "App",
	components : {User},
	mounted(){
		// 获取组件
		// 给ref=user的组件绑定event1事件,并且给event1这个事件绑定一个回调函数doSome()
		this.$refs.user.$on("event1",this.doSome);
服务器托管网	},
	methods : {
		Hello(){
			console.log("Hello Vue")
		},
		// doSome(name,age,gender){
		// 	console.log(name,age,gender)
		// }
		// 不确定个数,后期拓展写法
		// 仅限ES6的新语法...params
		doSome(name,...prams){
			consol服务器托管网e.log(name,prams)
		}
	}
}

 

 

    

        触发event1事件
    

 

export default {
    name : "User",
    methods : {
        triggerEvent1(){
            // 触发事件的方法
            // 代码意思是触发event1这个事件
            // this是当前的组件实例
            // $emit就是触发爆发
            this.$emit('event1',this.name,this.age,this.gender);
        }
    },
    data(){
        return {
            name : "张三",
            age : 20,
            gender : "男"
        }
    }
}