En última instancia, quiero llamar a un valor ( userSso ) de db y aplicarlo para cambiar la acción v-if 'anteriormente' antes de que las personas puedan hacer clic.

Así que quería usar un gancho montado pero no funcionó. Si uso funciones en el cálculo, entonces fue demasiado lento para poder hacer clic en "Cuenta", incluso userSso es 1. ¿Cuál será la mejor manera?

componentes/Lnb.vue

 <template> <ul> <li :class="{ active: navbarState == 7 ? true : false }"> <a href="/dashboard/settings"> <img src="../assets/images/ico_settings.svg" alt="icon" /> Settings </a> </li> <li v-if="userSso == 0" :class="{ active: navbarState == 8 ? true : false }"> <a href="/dashboard/user"> <img src="../assets/images/ico_user.svg" alt="icon" /> Account </a> </li> </ul> </template> <script> import { mapState } from 'vuex' export default { name: 'Navbar', // props: ['userSso'], data() { return { visible: false, opened: false, navState: 0, itemcount: 0, } }, computed: { ...mapState('store', { navbarState: (state) => state.navbarState, backColor: (state) => state.backColor, fontColor: (state) => state.fontColor, primaryColor: (state) => state.primaryColor, //pageSso: (state) => state.pageSso, //userSso: (state) => state.userSso, }), }, mounted(){ mapState('store', { userSso: (state) => { state.userSso } }) console.log("mounted mapState userSso => ", userSso) }, methods: { }, } </script>

/tienda/tienda.js

 export const state = () => ({ userSso: 0, }) ...