10 карт мозга, которые помогут вам быстро начать работу с Vue3

внешний интерфейс JavaScript Vue.js
10 карт мозга, которые помогут вам быстро начать работу с Vue3

предисловие

Начните учиться снова в этом месяцеVue3

Первая часть: основная часть пройдена

Я впитал все в10Карта мозга Чжан, быстрый стартVue3, а во-вторых, удобно потом проверить

карта мозга

Экземпляры приложений и экземпляры компонентов

1应用实例和组件实例.png

синтаксис шаблона

2模板语法.png

параметры конфигурации

3配置选项.png

Вычисляемые свойства и слушатели

4计算属性和监听器.png

Связать класс и стиль

5绑定class和style.png

условный рендеринг

6条件渲染.png

Рендеринг списка

7列表渲染v-for.png

обработка событий

8事件处理.png

v-модель и ее модификаторы

9v-model及其修饰符.png

Основное использование компонентов

10组件的基本使用.png

Теплые советы

  1. Из-за большого количества изображений, чтобы избежать проблем с сохранением одного за другим

Я загрузил исходное изображение вышеgithub:GitHub.com/ie co's life/no…

  1. Если вам нужно изменить изображение, чтобы облегчить вам изменение в соответствии с вашими привычками

я поставил оригинальный файлxmindзагрузитьgithub:GitHub.com/ie co's life/no…

Связанные статьи в этой серии следующие:

1. Основная часть (готовая)

  1. Понимание экземпляров приложений и экземпляров компонентов | Повторное изучение Vue3
  2. Понимание синтаксиса шаблонов | Повторное изучение Vue3
  3. Глубокое понимание данных и методов настройки параметров | Повторное изучение Vue3
  4. Понимание вычисляемых свойств и прослушивателей | Повторное изучение Vue3
  5. Класс привязки и стиль встроенного стиля | Повторное изучение Vue3
  6. Понимание условного рендеринга | Повторное изучение Vue3
  7. Понимание рендеринга списка | Повторное изучение vue3
  8. Понимание обработки событий и связанных с ними модификаторов | Повторное изучение Vue3
  9. Понимание v-модели и ее модификаторов | Повторное изучение Vue3
  10. Базовое использование компонентов | Повторное изучение Vue3

Во-вторых, рукописная часть реализации

  1. Смоделируйте процесс инициализации Vue3
  2. Моделирование и реализация всех адаптивных API Vue3 (включено)

END

Это быстрый стартVue3все содержание

Если у вас есть какие-либо вопросы, пожалуйста, оставьте сообщение и дайте мне знать, спасибо~