Vue.js

講者:琪雅

時間:2019/12/22

OUTLINE

  • 介紹

  • 安裝

  • 基本操作 

介紹 

  • 是近兩、三年熱門的前端Javascript框架之一

  • 是華人開發的前端技術

  • 程式碼短少又淺顯易懂,可以快速整合至現有網站

安裝 

基本指令 

  • 首先,在body的部分新增一個div,給予id

  • JavaScript的地方新增一個function

    • el: '#id名稱' 指定element

    • data:{} 綁定數據

  • ​在div裡面用{{數據名稱}}做顯示

Vue其中一個功能,用數據來驅動內容

  1. 只會在指定範圍內顯示

  2. 可以在可以在console裡更改數據,達到重新渲染綁定的數據

基本指令 

參考來源

Vue.js 教學 - 幼幼班入門篇(上)

https://www.youtube.com/watch?v=8O3teHziU_E

Thank you for listening.

 

Made with Slides.com