Learning Vue Maya Shavin download
Learning Vue Maya Shavin download
https://ebookmeta.com/product/learning-vue-maya-shavin/
https://ebookmeta.com/product/learning-vue-core-concepts-and-
practical-patterns-for-reusable-composable-scalable-user-
interfaces-1st-edition-maya-shavin/
https://ebookmeta.com/product/vue-js-a-comprehensive-beginner-s-
guide-to-vue-js-1st-edition-alexander-aronowitz-rufus-stewart/
https://ebookmeta.com/product/vue-js-a-comprehensive-beginner-s-
guide-to-vue-js-1st-edition-alexander-aronowitz-rufus-stewart-2/
https://ebookmeta.com/product/spatial-readings-and-linguistic-
landscapes-1st-edition-alina-bako/
Needle in a Timestack Jerry Ebooks Version Robert
Silverberg
https://ebookmeta.com/product/needle-in-a-timestack-jerry-ebooks-
version-robert-silverberg/
https://ebookmeta.com/product/spectral-invariants-with-bulk-
quasi-morphisms-and-lagrangian-floer-theory-1st-edition-kenji-
fukaya/
https://ebookmeta.com/product/routledge-handbook-of-critical-
studies-in-whiteness-1st-edition-taylor-francis-group/
https://ebookmeta.com/product/claimed-for-her-3-1st-edition-
alexa-riley/
https://ebookmeta.com/product/chemistry-the-molecular-nature-of-
matter-and-change-third-canadian-edition-martin-stuart-
silberberg/
Beginning Azure Cognitive Services: Data-Driven
Decision Making Through Artificial Intelligence 1st
Edition Alicia Moniz
https://ebookmeta.com/product/beginning-azure-cognitive-services-
data-driven-decision-making-through-artificial-intelligence-1st-
edition-alicia-moniz/
Learning Vue
Core Concepts and Practical Patterns for Reusable,
Composable, and Scalable User Interfaces
Maya Shavin
Learning Vue
by Maya Shavin Copyright © 2024 Maya Shavin. All rights reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North,
Sebastopol, CA 95472.
O’Reilly books may be purchased for educational, business, or sales
promotional use. Online editions are also available for most titles
(http://oreilly.com). For more information, contact our
corporate/institutional sales department: 800-998-9938 or
corporate@oreilly.com.
Constant width
Used for program listings, as well as within paragraphs to refer to
program elements such as variable or function names, databases, data
types, environment variables, statements, and keywords.
TIP
This element signifies a tip or suggestion.
NOTE
This element signifies a general note.
WARNING
This element indicates a warning or caution.
Using Code Examples
Supplemental material (code examples, exercises, etc.) is available for
download at https://github.com/mayashavin/learning-vue-app.
If you have a technical question or a problem using the code examples,
please send email to bookquestions@oreilly.com.
This book is here to help you get your job done. In general, if example code
is offered with this book, you may use it in your programs and
documentation. You do not need to contact us for permission unless you’re
reproducing a significant portion of the code. For example, writing a
program that uses several chunks of code from this book does not require
permission. Selling or distributing examples from O’Reilly books does
require permission. Answering a question by citing this book and quoting
example code does not require permission. Incorporating a significant
amount of example code from this book into your product’s documentation
does require permission.
We appreciate, but generally do not require, attribution. An attribution
usually includes the title, author, publisher, and ISBN. For example:
“Learning Vue by Maya Shavin (O’Reilly). Copyright 2024 Maya Shavin,
978-1-492-09882-9.”
If you feel your use of code examples falls outside fair use or the
permission given above, feel free to contact us at permissions@oreilly.com.
NOTE
For more than 40 years, O’Reilly Media has provided technology and business training,
knowledge, and insight to help companies succeed.
Our unique network of experts and innovators share their knowledge and
expertise through books, articles, and our online learning platform.
O’Reilly’s online learning platform gives you on-demand access to live
training courses, in-depth learning paths, interactive coding environments,
and a vast collection of text and video from O’Reilly and 200+ other
publishers. For more information, visit http://oreilly.com.
How to Contact Us
Please address comments and questions concerning this book to the
publisher:
Sebastopol, CA 95472
707-829-0104 (fax)
support@oreilly.com
https://www.oreilly.com/about/contact.html
We have a web page for this book, where we list errata, examples, and any
additional information. You can access this page at https://oreil.ly/learning-
vue-1e.
For news and information about our books and courses, visit
https://oreilly.com.
Find us on LinkedIn: https://linkedin.com/company/oreilly-media
Follow us on Twitter: https://twitter.com/oreillymedia
Watch us on YouTube: https://youtube.com/oreillymedia
Acknowledgments
As I embarked on the journey of writing this book, my family was
navigating a tumultuous period, full of highs and lows. Despite enjoying
every moment, writing this book required a lot of time, effort, and
dedication, and I wouldn’t be able to commit to it without the support from
my family, particularly my husband, Natan. His encouragement, belief in
my programming skills, humor about frontend development, parenting our
children during my work travels, lending an ear to my daily grievances, and
helping me balance work with personal life have been invaluable. Without
Natan, I would not be where I am today.
Just as quality code demands thorough review, this book’s excellence owes
much to critical technical insights and encouragement from Jakub
Andrzejewski, Chris Fritz, Lipi Patnaik, Edward Wong, and Vishwesh Ravi
Shrimali. Your valuable feedback has been pivotal in sharpening my focus
and elevating the quality of this work.
My heartfelt appreciation goes to my O’Reilly team: Zan McQuade and
Amanda Quinn, for guiding me through the acquisition process of Learning
Vue, and to my exceptional editor, Michele Cronin. Michele, your insightful
feedback, professionalism, and empathy, particularly during the challenging
final stages of the book, were extraordinary. The production editing skills of
Ashley Stussy and the copyediting expertise of Beth Richards were crucial
in elevating my manuscript to production quality. This book wouldn’t have
materialized as envisioned without your collective efforts.
I extend a special thank you to the Vue core team for developing such a
great framework and ecosystem, and to the Vue community members and
friends for their support and inspiration. The knowledge and insights I
gained from you are immeasurable and continue to enrich me daily.
Finally, my profound gratitude to you, the readers. Choosing this book from
the plethora of resources available, including countless videos and tutorials,
demonstrates a trust in my work that I deeply appreciate. I hope Learning
Vue serves as a valuable tool in your journey, whether you aspire to be a
web, frontend, or full-stack developer.
Thank you, from the bottom of my heart. And remember, in the world of
web development, always “react with a Vue.”
Chapter 1. Welcome to the
Vue.js World!
What Is Vue.js?
Vue.js, or Vue, means view in French; it is a JavaScript engine for building
progressive, composable, and reactive user interfaces (UI) in frontend
applications.
NOTE
We will use the term Vue to indicate Vue.js from this point on.
Installing Node.js
Working with Vue requires setting up the development ecosystem and prior
coding knowledge to keep up with the learning process. Node.js and NPM
(or Yarn) are necessary development tools to install before you start
working on any application.
Node.js (or Node) is an open source JavaScript server environment built on
Chrome’s V8 JavaScript run-time engine. Node allows developers to code
and run JavaScript applications locally or in a hosted server, outside a
browser.
NOTE
Chromium-based browsers like Chrome and Edge also use the V8 engine to interpret
JavaScript code into efficient low-level computer code and execute it.
Node is cross-platform supported and easy to install. If you are not sure you
installed Node, open your terminal (or command prompt in Windows) and
run the following command:
node -v
NPM
The Node Package Manager (NPM) is the default package manager for
Node. It will be installed together with Node.js by default. It lets developers
download and install other remote Node packages with ease. Vue and other
frontend frameworks are examples of helpful Node packages.
NPM is a powerful tool for developing complex JavaScript applications,
with the ability to create and run task scripts (to start a local development
server, for instance) and automatically download project package
dependencies.
Similar to the Node version check, you can perform an NPM version check
through the npm command:
npm -v
With parameter @latest, your current NPM tool automatically updates its
version to the latest version. You can run npm -v again to ensure it is
updated correctly. You can also replace the latest word to target any
specific NPM version (in the format xx.x.x). Additionally, you need to
indicate the installation at the global scope with the -g flag for the npm
command to be available everywhere on your local machine. For example,
if you run the command npm install npm@6.13.4 -g, the tool will target
the NPM package version 6.13.4 for installing and updating.
1.D. The copyright laws of the place where you are located also
govern what you can do with this work. Copyright laws in most
countries are in a constant state of change. If you are outside
the United States, check the laws of your country in addition to
the terms of this agreement before downloading, copying,
displaying, performing, distributing or creating derivative works
based on this work or any other Project Gutenberg™ work. The
Foundation makes no representations concerning the copyright
status of any work in any country other than the United States.
1.E.6. You may convert to and distribute this work in any binary,
compressed, marked up, nonproprietary or proprietary form,
including any word processing or hypertext form. However, if
you provide access to or distribute copies of a Project
Gutenberg™ work in a format other than “Plain Vanilla ASCII” or
other format used in the official version posted on the official
Project Gutenberg™ website (www.gutenberg.org), you must,
at no additional cost, fee or expense to the user, provide a copy,
a means of exporting a copy, or a means of obtaining a copy
upon request, of the work in its original “Plain Vanilla ASCII” or
other form. Any alternate format must include the full Project
Gutenberg™ License as specified in paragraph 1.E.1.
• You pay a royalty fee of 20% of the gross profits you derive from
the use of Project Gutenberg™ works calculated using the
method you already use to calculate your applicable taxes. The
fee is owed to the owner of the Project Gutenberg™ trademark,
but he has agreed to donate royalties under this paragraph to the
Project Gutenberg Literary Archive Foundation. Royalty payments
must be paid within 60 days following each date on which you
prepare (or are legally required to prepare) your periodic tax
returns. Royalty payments should be clearly marked as such and
sent to the Project Gutenberg Literary Archive Foundation at the
address specified in Section 4, “Information about donations to
the Project Gutenberg Literary Archive Foundation.”
• You comply with all other terms of this agreement for free
distribution of Project Gutenberg™ works.
1.F.
Most people start at our website which has the main PG search
facility: www.gutenberg.org.