"prop" must be declared in my-component. In the Composition API, if we use the setup function, we don't have access to our component with this - meaning we can't call this.$emit() to send our event. This is primarily intended to make unit testing easier. Note that you should not use an arrow function to define a method (e.g. New in 2.2.0+ Type: boolean Default: false (from 2.2.3+) Usage:. Prefer controlling the lifecycle of child components in a data-driven fashion using v-if and v-for. This behavior is disabled if the component has multiple root nodes, and can be explicitly disabled with the inheritAttrs option. This can be used by plugin authors to inject custom behavior into components. Notice the component's modelModifiers prop contains capitalize and its value is true - due to it being set on the v-model binding v-model.capitalize="myText".. Now that we have our prop set up, we can check the modelModifiers object keys and write a handler to change the emitted value. What if a user clicks the input field and clicks somewhere aka blur? Snippet Purpose; vdata: Component data as a function: vmethod: Vue method: vcomputed: Vue computed property: Vue Composition API - reactive with setup boilerplate: v3computed: Vue Composition API - computed: v3watch: Vue Composition API - watcher single source: This directive will remain on the element until the associated Vue instance finishes compilation. Otherwise, it will throw a warning about an Unknown custom element, assuming that you forgot to register a global component or misspelled a component name. Declare a variable called input initialized with an empty string using ref() object inside the setup() function. With the