pwindy  
在完成任务的同时,还需要不断“复盘”,不论你多么的忙,都需要留下时间思考,可以思考哪些地方做的好,哪些地方我们可以改进,应该如何改进,注重总结才是王道

vue 再父子组件传值时,除了传统的父组件 :属性去传值外,还可以使用   父组件v-model传值,子组件props['value']接收,而子组件也可以通过$emit('input',false),去改变父组件中v-model 和 子组件中 value 的值 。

<!--父组件-->
 
<template>
   <test v-model = "isShow"></test>
   <button @click="isShow = !isShow">switch</button>
</template>
<script>
   import test from '../test';
   export default {
      components: {
         test
      },
      data() {
         return {
           isShow: false
         }
      }
   }
</script>
<!--子组件-->
 
<template>
  <div>
   <div>{{value}}</div>
   <Button @click="$emit('input',false)">关闭</Button>
  </div>
</template>
<script type="text/ecmascript-6">
    export default {
        props:['value'],
        mounted() {
            console.log(this.value)
        }
    }
</script>

 

posted on 2020-05-14 22:28  pwindy  阅读(3230)  评论(0)    收藏  举报