Herramientas de compilación de interfaz de usuario Vue3 (Vue-Cli y Vite); propiedades calculadas del teléfono detective;
Home.js
Vite es una herramienta de creación y desarrollo web. Debido a su modo de importación de módulo ES nativo, se puede lograr un inicio del servidor increíblemente frío. Con Vite, puede crear rápidamente proyectos de Vue.
Vite requiere Node.js versión 12.0 o superior.
En Vue3, es necesario introducir la API compuesta calculada para definir las propiedades calculadas. El parámetro de la función calculada () es la función de devolución de llamada, y el valor de retorno de la función de devolución de llamada es el valor de retorno del atributo calculado.
En Vue3, para definir un oyente, es necesario introducir la API de composición de vigilancia.
La función de vigilancia tiene tres parámetros: ① A quién escuchar, ② Función de devolución de llamada, ③ Objeto de configuración (se puede omitir). Si está escuchando un objeto/propiedad dentro de un objeto, el primer parámetro es una función que devuelve la propiedad monitoreada en el objeto especificado.
Nota: Los objetos de monitoreo de vigilancia iniciarán un monitoreo profundo de forma predeterminada y no se pueden desactivar. Por tanto, no es bueno monitorear directamente todo el objeto. Vue3 recomienda especificar las propiedades del objeto monitoreado al monitorear objetos. Si la propiedad del objeto monitoreado también es un objeto, la monitorización profunda no se activará de forma predeterminada y deberá activarse manualmente.
Monitor de efecto de observación (): la función de devolución de llamada tiene solo un parámetro y ningún parámetro. Características: ① La función de devolución de llamada se ejecutará una vez primero (2) No es necesario monitorear explícitamente quién se usa en la función de devolución de llamada y quién ha cambiado; la función de devolución de llamada se volverá a ejecutar;
Los filtros se pueden definir en Vue2, pero se han cancelado en Vue3. Vue3 recomienda que utilicemos métodos o propiedades calculadas para lograr el efecto de los filtros anteriores.
En la plantilla vue3, la etiqueta raíz ya no es necesaria. Hay un componente de fragmento dentro como etiqueta raíz de la plantilla.