The creators of Vue have created very user friendly documentation. So let’s first try to understand, if even a little bit, what Vue is by reading their Introduction to Vue.js. As you’re reading, when you stumble upon a phrase or concept that is new to you, feel free to take a detour and search up the term to fill in some gaps. But, don’t be scared by all the new terms that are used – we’ll get to each of them as the class progresses.
Now Stop and Go read Introduction to Vue.js.
When you’re done, see if you can answer the following questions.
- What is Vue?
- What is the JavaScript state?
- What is declarative rendering? Another way of explaining this is, Vue has extended the HTML language which allows us to write HTML code for a webpage/component that will be rendered to the user differently based on the state (aka values) of JavaScript variables.
- What is reactivity?
- We’ll be using Vue to create SPA’s. What is an SPA? You may need to google this one.
- What file extension do files that implement single-file components have?
- What 3 aspects of a component are encapsulated in a single-file component?
- We’ll be using the Composition API. What is the alternative API style?
Note that at the top-left side of the Vue documentation there is a toggle button. Be sure it is always toggled to Composition. We’ll always use the Composition API in this course.