Introduction to Vue and the Tool Chain


 

Vue Documentation: Introduction

  • What is the purpose of Vue?
  • What standards is Vue built on top of?
  • What is a component?
  • What is the state of a web page or component?
  • What is reactivity?
  • What does SFC stand for?
  • What are the 3 parts of a SFC file?
  • What are the two different API styles?
  • How do you toggle the documentation to show Component API examples?

 

Vue Documentation: Quick Start (up to Using Vue From CDN)

  • What is a single page application?
  • What is the purpose of Vite?
  • What does npm create vue@latest do?
  • What command do you run to download and install into your project the npm modules specified in package.json?
  • What command do you run to start up the Vite server and create a development build of your application?
  • Which VSC keyboard shortcut can be used to open a terminal in VSC?
  • Which VSC extensions should you install in VSC to support Vue?
  • Which command builds production-ready code that can be deployed?

 

Tutorial: Create a new Vue SPA

 

Vue Documentation: Creating an Application

  • What is the name of the file that Vite uses as the entry-point for a web application?
  • What is passed to createApp() and what does createApp() do?
  • What file can we find the call to createApp()?  
  • What file loads the file containing the call to createApp()?
  • What function (on the application instance) do we call to render the application in the browser?
  • Where is an app mounted?
  • What function (on the application instance) do we call to register a component?

 

Tutorial: Create a Production Build

  • What is in dist/assets?
  • What is the primary purpose of dist/index.html?