vue.js - Vue 组件嵌入添加信息

问题描述

问 题

组件嵌入添加信息失败？？？
1.hello.vue

 <input v-model="ps.name" @keyup.enter="creat" placeholder="姓名"/>
    <ol>
        <child v-for="person in people" :tool="person"></child>
    </ol>
</div>
</template>
<script>
import child from './input-li';

    export default{
        data(){
            return {
                ps:{name:''},
                people:[
                    {name:'jack'},
                    {name:'job'}
                ]
            }
        },
        methods:{
            creat:function () {
                this.people.push(this.ps);
                this.ps={name:''};
            }
        }
    }

2 input-li.vue

<template>
    <li>{{tool.name}}</li>
</template>
<script>

    export default{
        props:['tool']
    }
</script>

新手小白>_< 不懂这是神马情况？？？

解决方案

晕~~新手常见问题：忘记导入组件，已解决~_~

这篇关于vue.js - Vue 组件嵌入添加信息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！