Как сделать переменную приватной во Vue

Во Vue нет настоящих приватных переменных, но есть несколько способов эмулировать приватность:

1. Внутри компонента - просто не добавляй переменную в data() или setup(), а объяви её внутри функции:

methods: {
  someMethod() {
    const privateVar = 'secret' // доступна только в этой функции
  }
}

2. Composition API - можно использовать замыкания:

setup() {
  const privateVar = ref('secret') // не возвращаем её
  return { /* только публичные данные */ }
}

3. Символы (Symbol) - для "скрытия" свойств:

const PRIVATE_KEY = Symbol()
export default {
  data() {
    return {
      [PRIVATE_KEY]: 'secret' // технически доступна, но сложно найти
    }
  }
}

Важно понимать, что в браузерном JS все данные клиента в итоге доступны, эти методы лишь усложняют случайный доступ.