vue input简单筛选数据

效果展示

body部分

    <div id="app">
        <input type="text" placeholder="请输入要搜索的内容" v-model="aa">
        <ul>
            <li v-for="(item,index) in newPerson">{{item}}</li>
        </ul>
    </div>

script部分

        new Vue({
            el: "#app",
            data: {
                aa: '',
                person: ['周杰伦', '王一伦', '王一博', '梁博'],
            },
            computed: {
                newPerson() {
                    return this.person.filter(p => p.indexOf(this.aa) != -1)
                }
            }
        })