vue调用组件的属性_vue父组件调用子组件中的属性和方法

接上篇，vue的父组件向子组件获取值，如果父组件需要主动调用子组件中的属性方法该如何实现？

获取方法

1、 父组件中使用子组件的时候在给子组件定义一个ref属性

2、父组件可以通过this.$refs.XXX，来操作子组件中的属性和方法

子组件Sub1.vue

name: "Sub1",

data() {                 {

//父组件可以通过定义的ref调用到title

title: ''

}

}

,methods {

run() {

console.log("sub1");              }

}

}

父组件

name: 'app',

data() {              {

title : 'test'

}

},methods {

callChild() {

//这里就可以使用到子组件里面的title属性

console.log(this.$refs.title)

//这样可以使用到子组件的方法

this.$ref.run();

}

}, components: {

Sub1        }

}