Vue3 Tutorial

Vue.js (pronounced /vjuː/, similar to "view") is a progressive framework for building user interfaces.

Vue focuses solely on the view layer and adopts a bottom-up incremental design.

The goal of Vue is to provide reactive data binding and composable view components with an API that is as simple as possible.

Vue is very easy to learn, and this tutorial is based on Vue 3.0.5.

Prerequisites for Reading This Tutorial:

• HTML
• CSS
• JavaScript

This tutorial primarily covers the usage of Vue 3.x.

First Example

Vue 3.0 Example

<div id="hello-vue" class="demo">
  {{ message }}
</div>

Click the "Try It" button to see the live example.

Reference Materials:

Official Website: https://v3.vuejs.org/

Chinese Documentation: https://cn.vuejs.org/guide/introduction.html

Webpack Getting Started Tutorial: https://www.tutorialpro.org/w3cnote/webpack-tutorial.html