Vue實例1
阿新 • • 發佈:2017-11-01
type java 語法 logs class spa asc nta vuejs
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>第一個Vue</title> <!-- 1、引入js文件 --> <script src="js/vue.js"></script> </head> <body> <!-- 2、創建一個容器 指定id --> <div id="container"> <!-- 插值表達式--> {{msg}} </div> <!-- 3、vue是js框架 在javascript中 --> <script> //通過new的方式得到了Vue的實例,在通過new通過一個對象來對vue的實例配置 (el,data) // {{}} (mustache/interpolation)的語法:可以讀取變量的值,顯示在調用的元素的innerHTML new Vue({ //通過el指定和哪個容器綁定,{{}}運算都在該容器中 el:"#container", data:{ msg:"Hell0 VueJs" } }) </script> </body> </html>
首先要引入vue.js文件
Vue實例1