livlog

instead of directly manipulating element, we should trigger mutations. Getters In Vue.js, "getters" typically refer to computed properties that are used to retrieve and derive values from the data within your Vue components. Getters are a fundamental concept in Vue's reactive system, allowing you to create dynamic values based on other data properties without explicitly modifying them. Here's ho..

Understanding Transitions & Animations Animating with Vue Animating Lists With this, We can simply reverse the effect for the opposite case. so here we can say that which animation effect should occur first. one of the transition's attribute also we have '@before-leave'. we can get some arguments too if we have non-css based animation, then Vue would not know when the appropriate timing is for s..

usually routes are plural not singe, cause then there is no meaning of routing. So we use array. useful concept for single page application importing components and connect it to the path we need to make Vue to know about this router setting created() -> understand it as React so if we change URL, vue doesn't get it as destroy the webpage and re-create, it's just updating the changed parts. So i..

Http Requests & Http Methods (Verbs) In the last lecture, we sent a POST request to a REST API. What is that? A POST request? And a REST API? There are different "kinds" of Http requests you could say - defined by the method (POST, GET, DELETE, ...) you attach to them (via the "method" you define on an outgoing request). And the server to which you're sending those requests may then react in whi..

So, v-model gets the type of data and automatically convert user input to that data type. But the ref works in the different way. It doesn't convert the data. for the check box, for the radio buttons, we need to add 'value' attribute to pick one data and make the app to save that one data. check if user input is valid or not and if it is invalid then apply some CSS effect if we give 'type' here ..

Global vs Local Components In Vue.js, local components and global components refer to two different ways of defining and using components within a Vue application. Local Components: Local components, also known as "scoped components," are components that are defined and registered within a specific Vue component. These components are only accessible and usable within the parent component and its..

Props In HTML, we use kebab case for props In vue, we use camel case for props We can explain the type of props in script We can put more explanation like below: Supported Prop Values In general, you can learn all about prop validation in the official docs: https://v3.vuejs.org/guide/component-props.html Specifically, the following value types (type property) are supported: String Number Boolean..

An Alternative Setup - using "npm init" & Volar The Vue ecosystem keeps on advancing and developing and therefore, there now are official alternatives to using the Vue CLI & Vetur. You CAN still use those tools (and in this course, these are the tools being used - so to follow along smoothly, you might want to use them as well). But, alternatively and 100% optionally to using the Vue CLI and Vet..

Multiple Vue Apps vs Multiple Components You might recall lecture 3 ("Different Ways of Using Vue"): You can use Vue.js to control parts of (possibly multiple HTML) pages OR you use it to build so-called "Single Page Applications" (SPAs). If you control multiple, independent parts of HTML pages, you will often work with multiple Vue apps (i.e. you create multiple apps by calling createApp() more..