La solución al problema de que los datos de enrutamiento de Vue cambian pero el contenido permanece sin cambios

1. Después de repetidas pruebas, se descubrió que había un mensaje de advertencia discreto: [vue-router]Las rutas no anidadas deben incluir un carácter de barra diagonal principal. Corrija las siguientes rutas: ...probablemente significa que las rutas no anidadas deben contener. caracteres de barra diagonal principales.

2. Puede usar el método Vue.set(objeto, clave, valor) para agregar propiedades de respuesta a objetos anidados: también puede usar este método.$forceUpdate(), que le permite actualizar localmente. para forzar que la instancia de Vue se vuelva a renderizar.

3. Cuando los datos del componente principal cambian, se pasarán al componente secundario, pero el componente secundario no cambiará. Solución: vea si el subcomponente puede escuchar los cambios en el subcomponente y luego monte el valor en la variable de vinculación del subcomponente. Si tienes alguna pregunta, espero que puedas comunicarte más.

4. Al usar la vista de enrutador, si salta entre las mismas rutas, de forma predeterminada, la política de caché se usará al saltar rutas sin actualizar el componente de enrutamiento actual. En otras palabras, las funciones de enlace como mount y beforeDestory no se activarán. El mismo salto de ruta de vue no pasará por el ciclo de vida, lo que provocará que los datos no se actualicen. Utilice el reloj para escuchar los cambios de ruta.

5. Al saltar a otra página a través de la URL, Vue recargará la página completa e inicializará los datos, lo que puede hacer que se borre los datos cargados previamente. Para evitar este problema, considere utilizar NavigationGuards proporcionado por VueRouter para gestionar los saltos de ruta.

6. El componente vue se almacena en caché al cambiar de ruta y no se mueve al regresar al video. Configure los divs que deben almacenarse en caché en la aplicación y configúrelos en router.js.