Vue.js（一）瞭解Vue
阿新 • • 發佈：2022-04-29
什麼是Vue？
1.Vue.js是一個構建資料驅動的web介面的庫。類似於Angularjs，在技術上，他重點集中在MVVM模式的View層，非常容易學習，非常容易和其他的庫或已有的專案整合。
2.Vue.js的目標是通過儘可能簡單的API實現響應的資料繫結和組合的檢視元件。
3.Vue.js的核心是一個響應的資料繫結系統，他讓資料與DOM保持同步非常簡單。
Vue的安裝：
三種：
1.獨立版版本
2.CDN
3.NPM
Vue起步
Vue的功能
資料渲染：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue 測試例項 - 菜鳥教程(runoob.com)</title> 6 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> 7 </head> 8 <body> 9 <div id="app"> 10 <p>{{ message }}</p> 11 </div> 12 13 <script> 14 new Vue({ 15 el: '#app', 16 data: { 17 message: 'Hello Vue.js!' 18 } 19 }) 20 </script> 21 </body> 22 </html>
執行效果：
Vue構成：
el ： Vue裝載到什麼位置
template ： 裝載什麼東西
data ： 資料