vue 父子组件相互传值（props &emit）

vue 一次父子组件之间传值使用记录

需求是实现一个简单的备忘录，一个新增按钮；一个列表，每个项支持点击修改，新增和点击都会弹出一个小的编辑界面。

结构分析：主页（父组件）维护一个list，每项都是一条记录，弹出页（子组件）只维护当前值；

新增逻辑：调出新增页（子），编辑并提交，这里只需子组件向父组件传值，使用 this.$emit（func,param）即可，func相当于一个链接，用于传递param，子页新增的信息就写在param里面，父组件根据链接自定义一个处理函数，在这个函数中设置一个形参，即可获得子组件传来的值。

//子组件传出
        methods:{
            close (){
                this.$emit('link',this.message.selectedText);
            },
        }

//父组件接收
    <popup  v-show="createVisible" @link="closePopup"></popup>
    ...
    ...
    components: {
            popup,
        },
    ...
    methods: {
            closePopup(soloT){
                this.createVisible = false;
                console.log(soloT);
                this.tList.push(