vue（一）渐进式javascript框架、库和框架的区别

渐进式、库和框架的区别

什么是渐进式？
什么是库和框架？

首先，我们来看看什么是库。

库：相当于对方法的重新定义，简化写法，一系列插件的集合。
框架：可以完成大型的（完整的）项目的时候，从前台的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中进行了重写，增加了一个$set方法：vm.$set(vm.obj,“abc”,100)对应的分别为对象、需要增加的属性、增加的属性值。