- Это VueJS
Я был отчаявшимся студентом второго курса CS, которому в то время действительно нужно было чем-то заняться, мне наскучила студенческая жизнь, и я устал полагаться на деньги родителей. Я спросил своего друга, как начать свое путешествие в индустрии там, и они сказали мне сначала изучить материал Front-End, он о том, что такое HTML и JavaScript, и как создавать с их помощью хорошо работающие веб-приложения. Я сделал это, и тогда это приводит меня к некоторым вопросам «Это то, что люди делают в отрасли?», «Действительно ли этот неэффективный процесс происходит в отрасли?». Затем я погуглил «еще один способ создать правильное веб-приложение». Да, это приводит меня к Vue JS.
Vue JS – это интерфейсный фреймворк JavaScript, созданный Эваном Ю и сохраненный им и его активными членами команды. Это платформа с открытым исходным кодом для разработки одностраничных приложений и пользовательских интерфейсов. А если серьезно, почему Vue JS? Позвольте мне объяснить это вам.
Легко обучаема
У меня есть базовые концепции HTML и JavaScript, и это все, что мне нужно для изучения Vue JS. Давайте посмотрим на пример кода Vue JS.
<div id="app">
{{ message }}
</div>Видите, это прямо! Если вы знакомы с HTML, вы автоматически поймете, что это значит. а двойные фигурные скобки означают, что это динамическое значение. Кроме того, когда вы просматриваете документацию, многие люди говорят, что документация проста и понятна. Хотя я не читаю всю документацию. Но когда я сталкиваюсь с какой-то проблемой, я всегда нахожу ответ в документации, и мне приятно читать такую документацию.
Легко использовать
Выровняйте с первым пунктом, я думаю, все, что легко освоить, также легко использовать. Почему? потому что вам не нужно действительно запоминать или прилагать некоторые усилия, чтобы выучить его правильно? В Vue JS каждая часть веб-страницы или приложения выражается как компонент, инкапсулированный элемент пользовательского интерфейса. Они могут быть написаны на HTML, CSS и JavaScript без необходимости разбивать их на отдельные файлы. Когда я учился на втором курсе, я прошел курс ООП (объектно-ориентированное программирование), чтобы действительно разумно разделять код, и некоторые принципы работают на Vue JS. Допустим, что один.vue файл с именем login отвечает за вид страницы входа и заложенную в ней логику, давайте посмотрим код
<template> <div class="login-page"> ...some html for the login page... </div> </template><script> export default { name: 'login', components: {...components that imported...}, data() {...stores the data/state needed for the logic...}, methods: {...methods that define the responsibility...} }; </script><style lang="css" scoped> ...some styling for the page with CSS... </style>
Видите, вы можете просто разделить каждый файл .vue по его ответственности, аналогично тому, что мы изучаем в ООП, когда создаем класс, и его легко изучать и использовать, поскольку мы знакомы с ним.
Заключение
Хорошо, невозможно сказать вам, ребята, на что способен Vue JS и насколько он мощен. Если вас это больше интересует, попробуйте прочитать документацию здесь, а если вы любите смотреть, а не читать, то можете также посмотреть этот плейлист на YouTube. Но поверьте мне, это очень легко научиться и очень легко использовать. Благодаря этому фреймворку с открытым исходным кодом я получил свою первую работу в качестве разработчика переднего плана.
