callbackFn is invoked only for array indexes which have assigned values. It is not invoked for empty slots in sparse arrays.
const a = Array(1000).fill(1);const a = Array.from({length:1000}, () => 1); 
state: {
characters: [],
page: 0,
pages: 0,
},
mutations: {
setCharacters: (state, { characters, pages, page }) =>
Object.assign(state, { characters, pages, page }),
},
actions: {
async fetchCharacters({ commit }, page = 1) {
try {
const { data: { info, results } } = await axios.get(`${BASE_URL}?page=${page}`);
commit('setCharacters', {
page,
pages: info.pages,
characters: results,
});
} catch (e) {
console.error(e);
}
},
},computed: {
currentPage: {
get() {
return this.$store.state.page;
},
set(page) {
this.$store.dispatch('fetchCharacters', page);
},
},
},<el-pagination
v-model:current-page="currentPage"
:page-count="$store.state.pages"
layout="prev, pager, next"
background
/>if(function1 & function2){
// если обе возвращают true что то делаем.
}
router.push/replace(), изначально созданная исключительно в качестве сахара (да, чтобы не писать useRouter()), потом её научили выполнять редирект на стороне сервера, а потом научили справляться с внешними урлами. все используют router.push
interface Package {
id: number;
activated: boolean;
name: string;
}
interface ActivatedPackage extends Package {
activated: true;
}
interface OptionalProps {
foo: string;
bar: number
}
const activatedPackages: Array<ActivatedPackage & Partial<OptionalProps>> = [ ... ];
data: () => ({
items: [
{ buttonText: '+', className: 'container' },
{ buttonText: '-', className: 'container-fluid' },
],
...
}),<button
v-for="n in items"
v-text="n.buttonText"
:class="{ active : active === n.className }"
@click="active = n.className"
></button>
{
path: '/history/:id',
component: HistoryId,
name: 'historyId',
props: true
}<router-link
tag="a"
class="button"
:to="{name: 'historyId', params: {id: historyItem.id, date: historyItem.date}}"
><script>
export default {
props: ['date'],
remove() {
this.arr = this.arr.filter( button => button !== this.active)
}remove<button @click="remove()">Remove active button</button>
