Original subtitles

Sometimes, in our view, components, we want to have a data property that doesn't need to be reactive.

This is easy to do with the composition API and I would recommend that any data properties in your component

that don't need to be reactive you should make non-reactive as this will improve the performance of

your app.

So let's say we want to store the title of our app in a data variable, but we don't need it to be reactive.

We don't need to be able to change the value of that title programmatically and see it updated on the

template.

All we need to do is set a constant or variable, so I'll create a constant called title and just set

that equal to string.

So I'm not using ref or reactive here.

Just a bug standard constant which is set to string and I'll set this string to my amazing counter app

and save that this constant should now be available in our template.

So I'll jump up to the template and inside this table the class of home I'll add I hate to I will output

this constant suitable curly braces and then title save that and we can now see title on the page.

And if we change the string to my okay counter, which is a bit more apt, then we see that update on

the page.