inleft
2022-01-21 f9c38ed1b72fc96b96c1d3ffdcc1a66b03bd3b73
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>