vue单文件组件通常是如何调用实例方法的 vue 使用组件时，怎么调用实例私有的方法

vue单文件组件通常是如何调用实例方法的

Vue父组件向子组件传递事件/调用事件
不是传递数据（props）哦，适用于 Vue 2.0
方法一：子组件监听父组件发送的方法
方法二：父组件调用子组件方法
子组件：
export default { mounted: function () { this.$nextTick(function () { this.$on(childMethod, function () { console.log(监听成功) }) }) }， methods { callMethod () { console.log(调用成功) } } }
父组件：
export default { methods: { click () { this.$refs.child.$emit(childMethod) // 方法1 this.$refs.child.callMethod() // 方法2 }, components: { child: child } }
以上这篇Vue父组件调用子组件事件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:VUEJS 2.0 子组件访问/调用父组件的实例vue.js中父组件调用子组件的内部方法示例ES6下子组件调用父组件的方法(推荐)

vue 使用组件时，怎么调用实例私有的方法

vue组件的数据传递应该是单向，永远是向下的，把父组件属性方法传递到子组件。 如果子组件要改变不同的颜色，是应该接受父组件传递进来的props，自己调用自己的方法，把props当个参数来判断来显示什么颜色，而不是让父元素调子组件的方法。 还有一种是vuex，组件本身跟store的某个值绑定，外部组件修改store的值，来影响该组件的颜色