STILĪGU VUE KOMPONENTU IZVEIDE AR VUE STILA KOMPONENTIEM

Lai izveidotu komponentu ar iebūvētiem stiliem ar dažām koda rindām, varat tos izmantot, izmantojot stila komponentus.

Darba sākšana

Vispirms instalējiet pakotni, palaižot:

npm i vue-styled-components

Pēc tam varat izveidot dažus pamata komponentus, piemēram:

import styled from 'vue-styled-components'; export const StyledTitle = styled.h1` font-size: 1.5em; text-align: center; color: palevioletred; `; export const StyledHeader = styled.header` padding: 4em; background: yellow; `;

Jums vienkārši jāimportē pakete un pēc tam jāizmanto veidnes tagi, kas pievienoti kodam, lai izveidotu jaunus stila elementus.

Izmantojot tagus, varat mainīt fonta lielumu, teksta līdzinājumu un citas lietas.

| _+_ | tags veido h1 elementu.

| _+_ | veido stilizētu galvenes elementu.

Pēc tam varat to izmantot, reģistrējot komponentu un lietojot to:

h1

Jūs vienkārši reģistrējat tos | _+_ | un atsaucieties uz to mūsu veidnēs.

Virknes stili tiek lietoti automātiski.

#programmatūras izstrāde #vue #vuejs #stilizētas sastāvdaļas #front-end-development

medium.com