computed如何实现?
实现步骤
1.声明一个存在的数据
2.定义get计算属性
3.在makeAutoObserverable方法中标记
//在store定义一个原始数据 list
list = [1,2,3,4,5,6]
//定义计算属性
get filterList(){
return this.list.filter(item => item>2)
}
//定义方法修改list
addList = () =>{
this.list.push(7,8,9)
}
//在组件中使用即可
{/* 使用计算属性 */}
{counterStore.filterList.join('-')}
<button onClick={counterStore.addList}>++</button>
本文介绍了一种利用Vue.js中的computed特性来实现数据过滤的方法。通过定义一个计算属性getfilterList,可以对列表数据进行过滤操作,仅显示大于2的元素。此外,还提供了一个方法addList用于向列表中添加新的项。
886

被折叠的 条评论
为什么被折叠?



