Vuejs，如何将数据放入子组件中？

Question

如果currentView方法启动，我想设置changePassword变量。 我尝试了$broadcast，如果事件在Model var中，它可以工作，但是如果我将事件放在Setting var中，$broadcast不起作用。我也尝试了$children，但没有工作。

＆＃13;

＆＃13;

var Settings = Vue.extend({
  template: '#temp-setting',
  data: function() {
    return { currentView: '' };
  },
  components: {
    'change-password': ChangePassword
  }
});

＆＃13;

＆＃13;

＆＃13;

这是完整的vuejs代码

＆＃13;

＆＃13;

var ChangePassword = Vue.extend({
	template: '#temp-change-password'
});

var Settings = Vue.extend({
	template: '#temp-setting',
	data: function() {
		return { currentView: '' };
	},
	components: {
		'change-password': ChangePassword
	}
});

var Modal = Vue.extend({
	template: '#temp-modal',
	methods: {
		close: function() {
			Router.go('/');

			$('#modal').modal('hide');
		}
	}
});

var MainApp = Vue.extend({
	methods: {
		changePassword: function() {
			Router.go('/settings/change-password');

			$('#modal').modal({
				backdrop: false,
				keyboard: false
			});
		}
	},
	ready: function() {
		Router.go('/');
	}
});

var Router = new VueRouter();

Router.map({
	'/': {
		component: Modal,
	},
	'/settings': {
		component: Modal,
		subRoutes: {
			'/change-password': {
				component: Settings
			}
		}
	}
});

Router.start(MainApp, 'body');

＆＃13;

＆＃13;

＆＃13;