第一步:先去官網下載Vue包:https://cn.vuejs.org/,找到教程。
第二步:Vue的包有以下引入方式(點擊之后,跳轉頁面,直接將代碼復制下來,放到新文件中,另存為即可使用Vue.js腳本):
簡單示例:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>Vue入門</title> 6 <script src="JS/vue.js"></script> 7 </head> 8 <body> 9 <div id="root">{{msg}}</div> 10 <script type="text/javascript"> 11 new Vue({ 12 el: "#root", //綁定Div元素 13 data: { 14 msg:"Hello world" //數據源 15 } 16 }); 17 </script> 18 </body> 19 </html>