|
Pytanie |
Odpowiedź |
inicjowanie projektu przez npm rozpocznij naukę
|
|
|
|
|
inicjowanie projektu przez vite rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
createApp(component). mount('#app')
|
|
|
|
rozpocznij naukę
|
|
app. errorHandler=(err)=>{}
|
|
|
|
rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
|
|
|
wiązanie pojedynczego atrybutu, np id rozpocznij naukę
|
|
|
|
|
wiązanie wielu atrybutów, np id i class rozpocznij naukę
|
|
v-bind="{id:'myId'class='myClass}"
|
|
|
wstawianie jako tekst, pomiędzy tagi rozpocznij naukę
|
|
|
|
|
wywoływanie funkcji w wyrażeniach, np przy bindowaniu disabled rozpocznij naukę
|
|
|
|
|
wywoływanie funkcji na evencie, np click rozpocznij naukę
|
|
|
|
|
anulowanie domyślnego zachowania eventu, np submit rozpocznij naukę
|
|
@submit. prevent="doSmt()"
|
|
|
wywoływanie funkcji z pojedynczym klawiszem specjalnym rozpocznij naukę
|
|
|
|
|
wywoływanie funkcji na prawym klawiszu myszy rozpocznij naukę
|
|
|
|
|
bindowanie funkcji na dynamicznym evencie rozpocznij naukę
|
|
|
|
|
przekazywanie defaultowego obiektu event do handlera rozpocznij naukę
|
|
@click="doSmt(123,$event)"
|
|
|
nasłuchiwanie w parencie na customowy event rozpocznij naukę
|
|
|
|
|
Hook, the component has finished setting up its reactive state, but no DOM nodes have been created yet rozpocznij naukę
|
|
|
|
|
Hook, component has finished the initial rendering and created the DOM nodes rozpocznij naukę
|
|
|
|
|
Hook, can be used to access the DOM state before Vue updates the DOM. It is also safe to modify component state inside this hook. rozpocznij naukę
|
|
|
|
|
Hook, called after the component has updated its DOM tree due to a reactive state change rozpocznij naukę
|
|
|
|
|
Hook, all of child components have been unmounted rozpocznij naukę
|
|
|
|
|
Two way data binding in forms rozpocznij naukę
|
|
|
|
|
Tags which support v-model rozpocznij naukę
|
|
|
|
|
Dynamiczna wartość true dla checkboxa rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
input type="radio" value="myValue" v-model="myRef"
|
|
|
|
rozpocznij naukę
|
|
input: value="text" @input="event => text=event. target. value"
|
|
|
2 way binding w parent'cie, np referencji parentRefName rozpocznij naukę
|
|
v-model: propChildName="parentRefName"
|
|
|
2 way binding w child'zie, np referencji propChildName rozpocznij naukę
|
|
defileProps(['propChildName']); defineEmits(['update: propChildName'])<input: value="propChildName" @input="$emit('update: propChildName', $event. target. value)"
|
|
|
updatowanie zbindowanej wartości po evencie change rozpocznij naukę
|
|
|
|
|
castowanie zbindowanego modelu na number, np wieku rozpocznij naukę
|
|
|
|
|
trimowanie zbindowanego modelu, np ulicy rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
v-for="(item, index) in items": key="item. id"
|
|
|
iterowanie po zakresie liczb rozpocznij naukę
|
|
|
|
|
iterowanie po kluczach obiektu rozpocznij naukę
|
|
v-for="(value, key, index) in myObject"
|
|
|
|
rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
|
|
|
korzystanie z nazwanego slotu w parencie, np childSlotName rozpocznij naukę
|
|
|
|
|
korzystanie z nienazwanego slotu w parencie rozpocznij naukę
|
|
|
|
|
definiowanie slotu w child'zie rozpocznij naukę
|
|
slot name="childSlotName"
|
|
|
dyrektywa anulująca aktualizację componentu na zmianach referencji rozpocznij naukę
|
|
|
|
|
referencja DOM, np myInput rozpocznij naukę
|
|
input ref="myInput">const myInput=ref(null)
|
|
|
focusowanie pola w formularzu on load rozpocznij naukę
|
|
onMounted(()=>{myInput. value. focus()})
|
|
|
bindowanie klas css jako inline condition rozpocznij naukę
|
|
:class="{'myClass1': isClass1, 'myClass2': isClass2 }"
|
|
|
bindowanie klas css jako computed rozpocznij naukę
|
|
const myClasses=computed(()=>({'myClass1': isClass1, 'myClass2': isClass2 }): class="myClasses"
|
|
|
bindowanie klas css jako array refów rozpocznij naukę
|
|
const myClasses=ref(['myClass1', 'myClass2']): class="myClasses"
|
|
|
cashowanie stanu komponentu kiedy nie jest już wyświetlany rozpocznij naukę
|
|
const myComp=shallowRef(MyComp) <KeepAlive><component: is="myComp">
|
|
|
|
rozpocznij naukę
|
|
. v-enter-active,. v-leave-active {transition: opacity 0.5s ease}. v-enter-from,. v-leave-to {opacity: 0}
|
|
|
customowa dyrektywa focus rozpocznij naukę
|
|
const vFocus={mounted: (el) => el. focus()} <input v-focus />
|
|
|
transition between components rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
watch(myRef, async (newValue, oldValue) => {})
|
|
|
watcher który jest trigerowany na każdej zmianie referencji rozpocznij naukę
|
|
watchEffect(async () => {await fetch('https://mydomian.com/${myRef. value}`)})
|
|
|
|
rozpocznij naukę
|
|
|
|
|
obserwowanie wyniku wyrażenia rozpocznij naukę
|
|
watch(() => (first. value+second. value), (sum)=>{})
|
|
|
asynchroniczne wgrywanie componentów rozpocznij naukę
|
|
defineAsyncComponent({loader, loadingComponent, delay, errorComponent, timeout})
|
|
|
|
rozpocznij naukę
|
|
router. beforeEach(async (to, from, next) => {})
|
|
|
|
rozpocznij naukę
|
|
createRouter({history: createWebHistory(), routes: [{path" ", component: MyComp}]})
|
|
|
deklarowanie wstrzykiwanej wartości rozpocznij naukę
|
|
|
|
|
|
rozpocznij naukę
|
|
const myRef=inject('myRef')
|
|
|
What is the CLI command to create a new Vue. js SPA with the official Vue project scaffolding tool (create-vue)? rozpocznij naukę
|
|
|
|
|
Hook called after the component instance is inserted into the DOM as part of a tree cached by <KeepAlive> rozpocznij naukę
|
|
|
|
|
Hook called after the component instance is removed from the DOM as part of a tree cached by <KeepAlive> rozpocznij naukę
|
|
|
|
|
Hook to be called when an error propagating from a descendant component has been captured rozpocznij naukę
|
|
|
|
|
Component used to create links between routes rozpocznij naukę
|
|
|
|
|
Component to embed router content placeholder rozpocznij naukę
|
|
|
|
|
Get value of a route param, like id rozpocznij naukę
|
|
const route = useRoute() const id = parseInt(route. params. id)
|
|
|
Redirect with view router rozpocznij naukę
|
|
redirect: to => ({path: '/'})
|
|
|
Programatic router redirect with query param rozpocznij naukę
|
|
router. push({path: '/register', query: {plan: 'private'}})
|
|
|
Redirect in router with history replacement rozpocznij naukę
|
|
|
|
|
wstrzykiwanie parametrów do props w routerze rozpocznij naukę
|
|
props: route => ({myparam: route. params. myparam})
|
|
|
dyrektywa która odpali eventhandler tylko taż rozpocznij naukę
|
|
|
|
|
disable fallthrough attribute propagation rozpocznij naukę
|
|
defineOptions({inheritAttrs: false})
|
|
|
access fallthrough attribute rozpocznij naukę
|
|
|
|
|
bindowanie wszystkich fallthrough attributes rozpocznij naukę
|
|
|
|
|
