Vue介绍:
第五课:
一套用于构建用户界面的渐进式框架
Vue的特点
1.构建用户界面,只关注View层
2.简洁、轻量、快
3.渐进式框架
框架VS库
库,是一封装好的特定方法的集合,提供给开发者使用,库没有控制权,控制权在使用者手中
代表:jQuery、underscore、util
框架,框架顾名思义就是一套架构,会基于自身的特点向用户提供一套相当完整的解决方案,
而且控制权的在框架本身,使用者要找框在所规定的某种规范进行开发
代表:backbone、angular、vue
理解渐进式
所谓的渐进式,可以一步一步、有阶段性的使用Vue,不必在一开始把所有的东西都用上。
1.声明式的渲染
2.组件系统
3.客户端路由器
4.大规模的状态管理
5.构建工具
理解渐进式
1.响应式的数据绑定
当数据发生改变->视图自动更新
忘记操作Dom这回事,而是专注于操作数据
2.可组合的视图组件
把视图按照功能,切分若干基本单元
组件可以一级一级组合成整个应用,形成了倒置的组件树
使用组件的好处:可维护、可重用、可测试
<div id="app">{{message}}</div>
<script>
var message="hello";
//根实例 启动应用
//传入一个对象作为参数,称之为选项对象
var vm = new Vue({
el:"#app",//element 可以写css选择器 node
data:{//数据对象
msg:message
}
});
console.log(vm.msg);
</script>