vue之旅:初识vue

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部分

--js部分--
<script src="vue.js"></script>　　　
<!--开头引入vue.js-->

<script>
window.onload = function(){
　　　　var c = new Vue({ //json
　　　　　　　　　　　　el:'#box', //element选择器,可以id #box,可以class .box,或者标签名body

　　　　　　　　　　　　data:{　　//data是数据部分
　　　　　　　　　　　　　　　msg:'welcome vue'
　　　　　　　　　　　　}
　　　　　　　　});
　　　　　　};
</script>

 

 

 html部分

--html部分---
<div id="box">
　　　　{{msg}}   //这里的msg即为data里的数据msg
</div>