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







你可能感兴趣的:(Vue)