vue父组件获取子组件的属性1值

在Vue中，父组件可以通过props属性来获取子组件的属性值。首先，在子组件中定义一个props选项，用于接收父组件传递过来的属性。然后，在父组件中使用子组件的标签，并通过v-bind指令将父组件的属性绑定到子组件的props上。这样，父组件就可以获取子组件的属性值。

以下是一个示例：

子组件代码：

Vue.component('child-component', {
  props: ['prop1'],
  template: '<div>{{ prop1 }}</div>'
})

父组件代码：

new Vue({
  el: '#app',
  data: {
    parentProp: 'Hello from parent'
  }
})

父组件模板：

<div id="app">
  <child-component v-bind:prop1="parentProp"></child-component>
</div>

在上面的示例中，父组件通过v-bind指令将parentProp绑定到子组件的prop1属性上。子组件通过props选项接收父组件传递过来的属性，并在模板中显示prop1的值。

这样，父组件就能够获取子组件的属性1值了。