Preguntas frecuentes de Vue (Resumen de los problemas móviles 1 de Vue Development)

Preguntas frecuentes de vue

1. vue_webpack_imported_moudle_70_.default.conponent no es una función

   vue_webpack_imported_moudle_70_.default.conponent no es un 
   ensamblaje de paquetes de funciones. en la función para consultar el problema en su propio código

2. Prop no válido: la verificación de tipo falló para el prop "valor". Matriz esperada, objeto obtenido 类似 问题

   Prop no válido: Error de verificación de tipo para prop "valor" Matriz esperada, obtuve Objeto 
   porque los tipos deben estar vinculados y acceder al tipo de inconsistencia en el enlace de datos o pasar el valor de tiempo del tiempo, por ejemplo, solo quiero este error El tipo de datos obtenido es una matriz, pero el objeto obtenido es un objeto. Debido a que Vue informa un error, puede expandir directamente en función de la información reportada para encontrar la ubicación del problema. (Https://blog.csdn.net/ qq_41485414 / article / details / 90263613, esta URL es una explicación detallada)

3. El problema de los datos de objetos bidimensionales que se modifican después de la asignación

   Estos son los datos definidos por sí mismos. Debe utilizar este objeto al realizar envíos y otras operaciones. 
   Request: 
   object = { 
       'name': 'zs', 
       'age': '18', 
       'form1': { 
           'gender' : '男', 
           'brithday': '2020-01-06', 
           'nation': ' Nacionalidad Han ' 
       }, 
       'form2': { 
           'matrimonio': 'soltero', 
           'tel': '13586598569' 
       } 
   } El 
   se obtienen los siguientes datos El backend devuelve la 
   respuesta de datos : 
   datos = { 
       'nombre': 'ls', 
       'edad': '20', 
       'datos1': { 
           'género': 'nv', 
           'brithday': '2020-01 -20 ',
           'nation': 'Hombre' 
       }, 
       'DATA2': { 
           'Matrimonio': 'Casado',  
           'tel': '1805926598'
       } 
   } 
   los datos devueltos por el backend deben ser "repetidos", generalmente se asignan directamente y luego el objeto que se utilizará aparecerá cuando se realice la operación de envío. El formulario1 / 2 no existe después de la asignación, esto Cuando necesita form1 / 2 dos objetos, puede hacer esto 
   : 1. Método 1: (/ los grandes de back-end recomiendan usar) 
    object.form1 = object.data1 
    object.form2 = object.data2 
   2. Método 2: 
   var a = JSON .parse (JSON.stringify (object /). Replace (/ data1 / g, "form1")); 
   Este método puede no funcionar, al menos no funcionó en mi proyecto vue, pero funcionó en mi código arriba del 
   3. método tres (para el proyecto vue) 
   . The this $ the SET (objetivo, clave, valor) 
   objetivo: para cambiar la fuente de datos (puede ser un objeto o matriz) 
   Clave: para cambiar el 
   valor de datos específico : valor reasignado

4. El problema del enlace de datos bidireccional de componentes padre e hijo

   Descripción del problema: después de que el 
   componente principal obtiene los datos de retorno de back-end, se pasa al componente secundario a través de v-bind, y el componente secundario recibe el valor pasado a través de los accesorios. El 
   botón de envío se usa en varias páginas cuando el componente está Luego no me retiré al componente secundario, lo que provocó que no pudiera usar este método. $ emit. 
   Solución: 
   escriba ref = "nombre" en el componente secundario definido y 
   use esto. $ ref en el valor del componente principal. El nombre del valor recibido en .name.props. El valor puede obtener el valor del subcomponente v-moudle enlace bidireccional

5. Después de que el componente principal pasa el valor al componente secundario, el componente secundario no puede obtener el valor pasado por el componente principal en el creado o montado.

Descripción del problema: después de que el 
componente principal pasa el valor al componente secundario, el componente secundario no puede obtener el valor pasado por el componente principal en el creado o montado. 
La razón de este problema: 
// Obtengo los datos devueltos por el backend después la solicitud, después de devolver Asignación, pero le di los datos asignados v-bind al subcomponente. Debido a que es la solicitud, los datos se obtienen de forma asincrónica. En este momento, no sabemos cuándo se completa la solicitud, por lo que Estaré en el subcomponente Obtenga un valor nulo 
Solución: 
1. Use v-if en el subcomponente para determinar si el valor que se va a pasar está allí, y cree el subcomponente si es así 
. 2. Use watch para monitorear los datos 
A y el primer controlador de valor en el subcomponente : su El valor es una función de devolución de llamada, que es la función 
B que debe ejecutarse al escuchar la conversación del objeto . El segundo valor es profundo: su valor es verdadero o falso, ya sea un monitoreo en profundidad (generalmente, el monitoreo no puede monitorear los cambios en los valores de las propiedades del objeto, excepto para las matrices) 
C, El tercer valor inmediato: su valor es verdadero o falso, ya sea para ejecutar la función de manejo con la inicial actual valor (cuando el valor está vinculado por primera vez, la función de monitoreo no se ejecutará, solo cuando el valor cambie. Si es necesario Cuando la función también se ejecuta cuando el valor está inicialmente vinculado, se necesita el atributo inmediato). 
watch: { 
   // Objeto recibido en props 
    obj: { 
       // 
        Controlador de función de devolución de llamada (newVal, oldVal) { 
            if (newVal) { 
                for (let k in this.data) {
                    this.data [key] = newVal [key] 
                ｝
            } 
        }, 
    // Su valor es verdadero o falso, ya sea un monitoreo en profundidad (generalmente, el monitoreo no puede monitorear el cambio del valor del atributo del objeto, excepto para las matrices) 
        deep: verdadero, 
   // inmediato: su valor es verdadero o falso , si se trata de la función de control de ejecución del valor inicial actual (cuando el valor del primer enlace, no supervisa, la implementación de la función se realizará solo cuando el valor cambie 
        cargar inmediata: a verdadero    
    }

Actualizando continuamente ...

Debido al nuevo proyecto del sistema de seguridad pública, el código detallado no se puede mostrar, por lo que trato de describir el problema y resumir.