Vue笔记

vue.js是一套构建用户界面（view)的的MVVM框架，
vue.js的核心库只关注视图层，并且非常容易学习，容易与其他库或已有项目整合。


vue.js的产生核心是为了解决：
1.解决数据绑定问题
2.为了开发大型单页面应用（SPA:single page application）


angular.js中对PC端的支持比较好，但是对移动端支持一般，
而vue.js主要支持移动端，也支持PC端。
3.它还支持组件化，也就是可以将页面封装成若干个组件，采用积木式编程，使页面复用度达到最高。


特性：
1.MVVM模式
M：model，业务模型，处理数据，提供数据
V：view  ，用户界面，用户视图
业务模型model中的数据发生变化时，用户视图view也会随之改变，反之也成立。
2.组件化
3.指令系统
4.vue.js2.0开始支持虚拟DOM。虚拟DOM可以提升页面的刷新度。

{{name}} ,你好

vue.js指令： 
1. v-text  相当于{{}}
如：

2.v-html
显示图片：

new Vue({
el:'#demo',
data:{
msg:'',
}
});


3.v-bind  控制标签属性

样式

new Vue({
el:'#demo',
data:{
hrefValue:'http://baidu.com',
source:'a.jpg',
styles:{
color:'red',
fontSize:'20px',
fontWeight:'normal',
}
}
});




4.v-show 通过判断是否显示该内容,true为显示

data:{
seen:true,
}


5.v-if   v-else