inleft
2022-01-19 b4f6a53cc4815471c6b936cd462bb4500883a2f6
commit | author | age
bf6fbe 1 // 父组件中
L 2 <template>
3     <div class="hello_world">
4         <div>{{msg}}</div>
5         <com-a></com-a>
6         <button @click="changeA">点击改变子组件值</button>
7     </div>
8 </template>
9
10 <script>
11     import ComA from './article.vue'
12     export default {
13         name: 'HelloWorld',
14         components: {
15             ComA
16         },
17         data() {
18             return {
19                 msg: 'Welcome'
20             }
21         },
22
23         methods: {
24             changeA() {
25                 // 获取到子组件A
26                 this.$children[0].messageA = 'this is new value'
27             }
28         }
29     }
30 </script>