Я сделал ночь анимации, просто чтобы все лучше поняли Composition API Vue3.

Vue.js
Я сделал ночь анимации, просто чтобы все лучше поняли Composition API Vue3.

Как мы все знаем, Vue3.0 предлагает совершенно новую функцию — Composition API. Буквально означает «API композиции», который создается для реализации механизма повторного использования логики на основе функций.

Обзор варианта API

Прежде чем узнать о Composition Api, давайте сначала рассмотрим проблемы, с которыми мы столкнулись с Option Api.В Vue2 нам часто нужно написать код, отвечающий за одну и ту же функцию в определенной области (данные, методы, часы, вычисляемые...).

Недостатки варианта API

С ростом сложности бизнеса объем кода будет продолжать увеличиваться, поскольку код связанного бизнеса необходимо записывать в определенную область в соответствии с конфигурацией опции, последующее обслуживание очень сложно, и возможность повторного использования кода невысока.

Composition Api

Очевидно, мы можем организовать наш код и функции более элегантно. Сделайте код связанных функций более упорядоченным вместе


Идея анимации пришла из интернета, но если я просто конвертирую чужие видео в гифки, то может показаться, что я слишком неискренна. Итак, я смоделировал презентацию с помощью лейтмотива.

Если вам нравятся уроки Дашуая, добавьте в закладки, лайкните и подпишитесь

  • Билибили:大帅老猿
  • Публичный аккаунт WeChat:大帅老猿

  • Это проект с открытым исходным кодом нашей командыelement3
  • Библиотека компонентов внешнего интерфейса, поддерживающая vue3.