vue.js中self.$emit和self.$on使用

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用，改用$emit,$on.

vm.$emit( event, […args] )

触发当前实例上的事件。附加参数都会传给监听器回调。

{string} event
[…args]触发当前实例上的事件。附加参数都会传给监听器回调。

vm.$on( event, callback )

监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 

{string | Array} event (数组只在 2.2.0+ 中支持) {Function} callback

 实例：

在父页面使用vm.$emit进行传值操作。

    detail(val) {
      this.id = val
      this.$refs.detailDialog.$emit("open")
    },

子页面使用vm.$on进行监听

	created() {
		let self = this;
		self.$on("open", function () {
			this.setGlobalShortkey(false); // 禁用全局快捷键
			self.dialogVisible = true;
			self.dialogRender = true;
			self.$nextTick((_) => {});
		});
	},

也可以利用附加参数进行其他参数的传值操作。