Всем привет. Расскажу, как я сделал этот проект (VuejsIMDB). Я сделал этот проект, когда изучал Vue.js, и он действительно сработал.
Прежде всего, может быть, вы поймете, почему я использую Vue, почему это не React. Потому что библиотека Vue.js проще в освоении и действительно небольшая библиотека.
А теперь приступим к кодированию.
Для установки vue-cli необходимо установить на свой компьютер Node.js. После установки Node вы напишите свою командную строку:
npm install --global vue-cli
После завершения этой команды теперь vue-cli установил ваш компьютер глобально, вы запустите эту команду для создания проекта:
vue init webpack-simple my-project
Теперь ваш проект создан, войдите в папку проекта с помощью этой команды и выполните другие команды. Эти команды установят другие пакеты npm для работы с Vue.js
$ cd my-project $ npm install $ npm run dev
Фреймворк Vue.js имеет компоненты для страницы. Этот компонент имеет путь к файлу .vue. Мы создадим двухкомпонентный.
1- Пленочный компонент
2- Компонент поиска
Film.vue
Search.vue
После создания компонентов мы должны использовать это в App.vue. Это главная страница нашего шаблона. Если мы не добавим созданные компоненты в файл App.vue, мы не сможем увидеть компоненты на странице.
App.vue
После этих операций наш проект должен работать нормально. Но я поделюсь с вами файлом package.json.
Package.json
После кодирования вы должны обслуживать свой проект с помощью vue-cli. Введите эту команду, и вы увидите проект на веб-странице (используйте «localhost: 8080»).
npm run dev
В этой статье мы увидели, как сделать простой вызов API с помощью Vue.js. После этой практики вы можете применять различные приложения для улучшения своего развития. Вы можете реализовать это, используя разные вызовы API.
Большое спасибо за чтение этой статьи. Увидимся в следующей статье!