.Features on a Vue.js component "flop" to the featured component through default. The first-class in the MyComponent.vue layout will definitely receive the class=" text-5xl font-semibold" home in the following example.In this particular tutorial i is going to be using Tailwind CSS for my styling.// MyComponent.vue.
This is my Part.
// app.vue.
To put it simply, the rendered element would certainly seem as complies with.This is my Part.inheritAttrs.Vue introduces an inheritAttrs energy only offered in the choices API to select if this fail habits ought to be made it possible for or not. Establishing inheritAttrs to untrue avoids this flop actions. In the following example, the in MyComponent will not acquire the lesson attribute, or any other feature.// MyComponent.vue.
This is my Element.
In circumstances when you want to create an internal activity user that fires up the user-specified activity handler, inheritAttrs is available in handy. For example, inheritAttrs is made use of for our async-button part, which when clicked carries out an async function and also turns off the switch throughout of the async function. In addition to running the user-specified @click user, the async-button component has to execute some logic to deactivate itself.// async-button. vue.Below is actually the HTML for the async-buttoncomponent. Note that v-bind ties any sort of extra characteristics, apart from impaired and also onClick.
Obtain a lot more relevant information on the inheritAttrs electrical from the Vue.js Information web page.