Introduction

1. What is Vue?

2. New Features in Vue 3

The main improvements:

1. Composition API with setup() function.
2. Can have multiple root elements in a component
3. Teleport component – render content from one component in a different place in the DOM
4. Suspense component – support for asynchronous code
5. Typescript support out of the box

3. What You Should Already Know

• Javascript – functions, asych code, objects, arrays, etc.
• HTML & a little CSS

4. Environment Setup

Use any code editor, highly recommend VS Code.  code.visualstudio.com

Install the following VSC extensions.

• SFTP (by Natizyskunk) to allow us to push code to our web host.

Configure sftp.json.  Ensure that “uploadOnSave” is set to false.

• Live Server to preview HTML file.

In VSC, type ‘doc’ will load a template HTML file. After making changes, right-click file and choose ‘Open with Live Server’

• Vetur – Vue tooling for VS Code
• Material Icon Theme

5. Course Files

Course files are in github.com/iamshaunjp/Vue-3-Firebase repo.  Each lesson is in a different branch.  Click on the button labelled Master, and choose the appropriate branch.

© 2022, Eric.