Protams, šeit ir īss struktūra:
Nativescript Vue ir spēcīgs ietvars, kas ļauj izstrādātājiem izmantot Vue.js, lai izveidotu vietējās mobilās lietotnes. Ietvars ļauj piekļūt vietējām API tieši no to Vue komponentiem, kas var būt ļoti noderīgi daudzos scenārijos.
Vienam konkrētam lietošanas gadījumam tiek piekļūts vietējais elements no atsauces. Lūk, kā to var paveikt:
<template>
<Page>
<Button ref="myButton" text="Click Me!" />
</Page>
</template>
<script>
export default {
methods: {
getNativeButton() {
return this.$refs.myButton.nativeView;
},
},
mounted() {
console.log(this.getNativeButton());
},
};
</script>
Būtiski komponenti
Iepriekš minētajā koda fragmentā mums ir Vue komponents. Šī komponenta iekšpusē ir pogas elements, kam ir ref atribūts. Vietnē Vue.js atribūts ref tiek izmantots, lai reģistrētu atsauci uz elementu vai bērnkomponentu. Pēc tam to var izmantot komponenta metodēs, lai manipulētu ar elementu vai pakārtoto komponentu.
Kodeksa izpratne
Metode "getNativeButton()" ir funkcija, kas atgriež pogas sākotnējo skatu. Piekļūstot vietējam skatam, mēs iegūstam virkni metožu un rekvizītu, ar kuriem mēs varam strādāt un kas ir specifiski platformai (iOS vai Android). Tādā veidā mēs varam pilnībā kontrolēt pogu tieši no mūsu Vue komponenta.
Dzīves cikla āķā "mounted()" tiek izsaukta metode "getNativeButton()". Kad komponents ir uzstādīts, pogas vietējais skats tiks reģistrēts konsolē.
Ir svarīgi ņemt vērā, ka šim kodam jābūt iesaiņotam ar `
Citi apsvērumi un līdzīgas funkcijas
Ņemiet vērā, ka vienmēr ir svarīgi notīrīt atsauces, kad komponenti tiek iznīcināti – pretējā gadījumā var rasties atmiņas noplūde. Lai nodrošinātu pareizu tīrīšanu, Vue.js var izmantot dzīves cikla āķi "beforeDestroy()".
Mums ir arī Vue rekvizīts $el, kas nodrošina tiešu piekļuvi DOM elementam, ko attēlo Vue instance. Taču atšķirībā no `$refs', `$el` NativeScript-Vue nepalīdzēs, jo nav īstas pārlūkprogrammas DOM.
Nativescript-Vue un tā spēja piekļūt vietējiem komponentiem tieši no Vue.js nozīmē, ka mēs varam pilnībā izmantot vietējo mobilo platformu jaudu, vienlaikus saglabājot tīru un deklaratīvu pieeju lietotāja saskarņu izveidei.
