过滤 与 全文索引
<template> <div> <input type="text" v-model="query"> <ul> <li v-for="(item, index) in computedList"> {{ item.msg }} </li> </ul> </div> </template> <script> export default { data () { return { query: '', list: [ { msg: 'Bruce Lee' }, { msg: 'Jackie Chan' }, { msg: 'Chuck Norris' }, { msg: 'Jet Li' }, { msg: 'Kung Fury' } ] } }, computed: { computedList: function () { var vm = this return this.list.filter(function (item) { return item.msg.toLowerCase().indexOf(vm.query.toLowerCase()) !== -1 }) } } } </script>