vue(1) 第一個例子
阿新 • • 發佈:2018-04-28
nbsp class HA code 一個 color img div charset
代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入門</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id="first">{{msg}}</div> <script> newVue({ //綁定上面的id el指的是vue實例跟哪個dom節點綁定 el:"#first", //掛載點 data:{ msg:"健身遊泳了解一下" } }) </script> </body> </html>
效果:
(1)通過
el:"#first",
將與 id="first"的dom進行綁定、
(2)
data掛載點 與{{ }}裏面的數據進行交互
2018-04-27 23:42:55
vue(1) 第一個例子