vue todos

vue-todos

Dirección de vista previa (diseño responsivo, PC, móvil) Dirección de primera versión (código fuente y tutorial)

vue-todos es una versión mejorada del módulo todomvc vue. Tiene una interfaz simple, funciones ricas y conocimientos completos. Puede ayudarlo a comenzar rápidamente con vuejs. Si le gusta, déle me gusta, sígalo y destaque. , y bifurcarlo. ¡Estas son las motivaciones para que yo persista!

Prefacio

vuejs es un buen proyecto de código abierto que libera enormemente nuestra productividad. Usar Vue durante 2 años no solo me dio un ascenso y un aumento salarial, sino que también logró un gran progreso en mi tecnología front-end. He estado participando en los principales grupos y foros de Vue durante mucho tiempo y he respondido muchas preguntas de novatos sobre vuej. Descubrí que muchos problemas con la documentación de vueApi se deben a una comprensión insuficiente de la API. Lo peor es que a muchas personas no les gusta consultar la documentación y, debido a que tienen pocas oportunidades para practicar, se sienten perdidas cuando encuentran problemas. .

esperanza

Este curso lo llevará a practicar Vue desde cero. Espero que a través de este curso, los principiantes puedan comenzar rápidamente con Vuejs y aprender rápidamente a usar las API más utilizadas de Vue.

correr

 # 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build

aprenderás

• Construcción del entorno de desarrollo vue-cli
• Analizar la documentación API y la programación de componentes.
• Conceptos básicos de Vue (1. Instancia 2. Componente 3. Directiva 4. Opciones 5. Representación de plantilla 6. Enlace de eventos 7. Propiedades calculadas 8. Animación incorporada 9. Interacción de componentes 10. Enrutamiento incorporado)
• vue avanzado (1.ciclo de vida de vue 2.uso de vuex 3.uso de axios 4.datos de simulación de front-end de mock.js)
• Soluciones a problemas entre dominios

Vista previa de la imagen

*versión para computadora

Catálogo de cursos (estén atentos, una sección se actualizará todos los días)

• Configuración del entorno de desarrollo
  • Instalación de Node.js
  • Instalación de vue-cli
  • Crea la primera aplicación vue
• Desarrollo práctico de la versión mejorada de todomvc]
  • Preparación preliminar
    • Análisis de proyectos
    • análisis de necesidades
    • análisis de API
    • análisis de componentes
  • Diseño responsivo
  • Escritura de componentes
    • Componente de menú
    • Conjunto de cabezal
    • Componente de lista
  • menú
    • Escrito por api.js (axios.js)
    • Vincular datos del menú
    • Nuevo menú
  • cabeza
    • Vincular un solo dato
    • Agregar lista
    • Modificar título
    • Eliminar contenido
  • lista
    • Completar tareas pendientes
    • Modificar tareas pendientes
    • Eliminar tareas pendientes
  • cierre
    • Bloquear tareas pendientes
  • vuex
    • Actualización de datos del menú
    • Reducir el menú móvil
  • animación de transición
    • Animación del menú
    • Animación de lista
• Puntos de conocimiento de Vue.js explicados