Vue入門學習(一)
阿新 • • 發佈：2018-12-04
1、引入vue.js
2、建立Vue物件
3、雙向資料繫結v-bind
4、顯示資料 {{xxx}}
例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> <script src="../vue.js"></script> </head> <body> <div id="app"> <input type="text" v-model="mess" /> <p>hello {{mess}}</p> </div> <script> const vm = new Vue({ el: '#app', //指定根元素(element)選擇器 data: { //初始化資料 mess: 'today' } }) </script> </body> </html>
5、MVVM模型：
Model:模型，資料物件
View:模板頁面
ViewMode:檢視模型，Vue例項