渐进式、库和框架的区别
什么是渐进式?
什么是库和框架?
首先,我们来看看什么是库。
库:相当于对方法的重新定义,简化写法,一系列插件的集合。
框架:可以完成大型的(完整的)项目的时候,从前台的ui到后面数据的渲染。
既然聊到库和框架了,那再来说说插件,什么是插件呢?
插件:就是一个非常小的功能或者模块。
mvvm和mvc
vue(mvvm框架),其中开发模式(mvc)中modle为数据,view为视图,con为控制器(充当数据和视图的桥梁)
mvvm中,也有modle,view和view-model。
主要是为了和后端有个区分。
接下来来看一下vue的初始:
<div id = "app">
//这个div已经被vue所接管,在这个里面写vue支持的代码
//html界面最终是给浏览器阅读的,被vue标记的部分,会新的进行渲染
//差值表达式又叫数据绑定,比如:
{{ "hello" }}
//数组
{{ [1,2,3,4] }}
//对象
{{ {a:1,b:2} }}
//一些简单的运算
{{ 1 + 1 }}
//三元表达式
{{ 20 > 10?"ok":"not ok" }}
//变量的形式,数据的使用
{{ name }}
{{ age }}
{{ arr}}
{{ obj}}
</div>
<script>
nwe Vue({
el : "#app", //绑定需要通过vue进行渲染的模板
data : { //数据定义在data中
name : "city",
age : "18"
arr : ["1","2","3"]
obj : {
a : 1,
b : 2
}
}
})
</script>
数组的修改:
在vue中,是数据驱动视图。vue中的数组和原生的数组并不是一样的,vue中对数组进行了重写。
1.通过索引的方式进行修改数据,不能渲染数据
2.通过length属性能修改数据,不能渲染视图
想要更新数据并渲染视图,只有使用以下方法:
pop : 删除数组尾部数据
push :向数组尾部添加数据
reverse : 翻转数组
shift :删除开头数据
unshift :向数组开头添加数据
sort : 排序
splice :删除或者插入
对象的修改:
重新改变对象的引用地址,这样可以修改,但内存占用,维护性不高;
es6中的搜集运算符也是一样的;
vue中进行了重写,增加了一个
s
e
t
方
法
:
v
m
.
set方法: vm.
set方法:vm.set(vm.obj,“abc”,100)对应的分别为对象、需要增加的属性、增加的属性值。