在vue2.x版本中, 计算属性的写法是在组件中是一对象属性。
而在vue3中以回调函数的方式来使用, 且要写在setup当中,在使用前需要先导入。
1.先引入computed
import {ref, defineComponent, computed, Ref} from "vue";
2.在setup里面定义
const seriesList: ISeriesList= computed(() => {
const seriesList = brandStore.getSeries;
if (seriesList.length && seriesId.value == seriesList[0].id) {
brandStore.SET_SERIESID(seriesId.value);
getGroupsList();
}
return seriesList;
});
在computed的回调函数中做相关的逻辑处理。