Vue JS 3 筆記

Information about this note

• Tutorial video :

  Vue JS 2 Tutorial #1 - Introduction

• GitHub page for the course file : https://github.com/iamshaunjp/vuejs-playlist

• good extension : Snippets

Introduction to Vue

• feature of Vue :
  • a front-end, Javascript / TypeScript framework
  • create javascript drive web application / dynamic & data-driven websites ( SPA’s )
  • create stand-alone widgets (components )
  • runs in the browser
  • no need ti make multiple server requests for pages
  • very lean ( 16 kb )
  • very high run-time performance
• Vue website :
  • single page application (SPA ) :
    • only a single HTML page sent ( initially ) to the browser → return a bare-bones HTML doc
    • vue intercepts subsequent request and handles “page” changes in the browser by swapping what components are shown on the page
    • results in a much faster and smoother website experience

Vue basic ( Tutorial video 1 ~ 16)

• Instance : control the whole application or the certain part of your application

• Data & methods : create the data and methods for the instance

• Data binding : bind data in the instance to the attribute