vue项目父组件更改子组件的值

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

有的时候一个页面的内容太多，需要分成几部分去编写时，那么就要分为不同的组件去写，那父组件需要更改数据，子组件也要同步修改，那如何做到父组件修改子组件的值呢？

---

一、父组件的内容示范

<!--插入子组件-->
<template>
   <NumericSidebar ref="childrenDom"></NumericSidebar>
</template>


<!--引入和修改子组件-->
<script>
   import NumericSidebar from './numericSidebar'
   export default {
   components:{NumericSidebar},
   //当页面进来的时候就把子组件 numericSidebar 的judge值更改为 3
   mounted() {
        this.$refs.childrenDom.judge=3
    },
   }
</script>

二、子组件的内容示范

<script>
   export default {
     data(){
        return{
           judge:1,
        }
     }
   }
</script>

完成，年轻的程序员，大佬勿喷，希望对大家有用，有问题可以留言。