05. Private properties in script_setup

In this lesson, let's look at how to set private properties in vue3 script setup.

Sometimes, when a component is accessed by $ref, we want to specify which properties in that component are accessible and which are not.The inaccessibility here is called private properties for the time being.So how to implement private properties?

This can use the new expose attribute in vue3, let's look at the example directly.

// User.vue

In the User component, we declare a privateData with a value of secrecy, and then a computed property upperCasePrivateData with a value of privateData.Finally, display these two values ​​in the template as follows: