vue是一個mvvm框架(庫),和angular類似
比較容易上手.小巧

mvc:Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫

而vue是mvvm,m有了,v有了,vm相當於c

vue指令 v-xxx

其實vue就是一片html代碼配合上json,再new出來vue實例

適合:移動端項目,小巧

目前vue的發展勢頭很猛,github上的start數量已經超越angular

註意:與angular的共同點:不兼容低版本ie

---------------vue基本雛形-----------------
vue基本雛形

js部分

 1 --js部分--
 2 <script src="vue.js"></script>　　　
 3 <!--開頭引入vue.js-->
 4 
 5 <script>
 6 window.onload = function(){
 7 　　　　var c = new Vue({ //json
 8 　　　　　　　　　　　　el:‘#box‘, //element選擇器,可以id #box,可以class .box,或者標簽名body
 9 
10 　　　　　　　　　　　　data:{　　//data是數據部分
11 　　　　　　　　　　　　　　　msg:‘welcome vue‘
12
 
 　　　　　　　　　　　　}
13 　　　　　　　　});
14 　　　　　　};
15 </script>

html部分

1 --html部分---
2 <div id="box">
3 　　　　{{msg}}   //這裏的msg即為data裏的數據msg
4 </div>

vue之旅:初識vue