vue的小小了解

Vue的小小了解

咱们先来说下什么是Vue吧？

		Vue是一套用于构建用户界面的==**渐进式**==框架。

他的优点是什么呢？

		1.小巧：Vue.js压缩后仅有17KB大小
		2.渐进式：可以一步一步，阶段性使用Vue.js，不必一开始就需要学会使用所有东西。这也正是开发者热爱Vue.js的主要原因之一。
		3.一旦项目改动或者项目工程较大，代码的修改将是复杂繁琐的，而这时候用了vue，这些问题都不复存在，应用了vue之后将大大缩减工作量

vue3大主流框架分别是什么呢？

**（1）vue.js**					**（2）Angular**				**（3）react**

标题下面有小编分别给大家介绍下这三种的优缺点及开发团队，

		####vue.js
					优点：更轻量，单页面，简单易学
					缺点：不支持IE8
					开发团队：中国国内团队开发，作者：尤雨溪
		
		####Angula
					优点：完善的框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能
					缺点：比较笨重，学习成本高，不兼容IE6/7
					开发团队：google谷歌
		
		####react
					优点：速度快、跨浏览器兼容、单向数据流、兼容性好
					缺点：并不是一个完整的框架，需要加上ReactRouter和Flux才能完成（目前百度阿里等企业已经开始弃用）
					开发团队：facebook脸书

介绍完主流框架 小编在给大家介绍下构架模式吧

构架模式也叫开发模式MVVM、MVC、MVP。

		（1）MVC
		全名：Model View Controller，模型视图控制器的意思。
		本质：是一种软件设计典范。M是指业务模型，V是指用户界面，C则是控制器。
		①视图是用户看到并与之交互的界面；②模型表示企业数据和业务规则（可以说就是后端接口，用于业务处理）；③控制器接受用户的输入并调用模型和视图去完成用户的需求
		
		（2）MVP
		简称：MVP 全称：Model-View-Presenter 
		由来：MVP 是从经典的模式MVC演变而来，它们的基本思想有相通的地方：Controller/Presenter负责逻辑处理，Model提供数据，View负责显示。
		①Presenter：作为model和view的中间人，从model层获取数据之后传给view，使得View和model没有耦合；②总得来说MVP的好处就是解除view与model的耦合，使得view或model有更强的复用性。
		
		（3）MVVM
		名称：mvvm即Model-View-ViewModel
		原理：mvvm的设计原理是基于mvc的，所以说mvvm不算是一种创新，充其量是一种改造，这其中的ViewModel便是一个小小的创新

框架和库的区别

		框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。
		库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求

Vue的使用安装

①开发环境版本，包含了完整的警告和调试模式

②生产环境版本，删除了警告，优化了尺寸和速度

创建vue的三部曲

		①创建根实例
		②挂载
		③绑定数据

①创建根实例

②挂载根实例到元素上

③绑定数据

③绑定数据
声明数据分两种：2.指向已有变量
此时两者会默认建立双向绑定，当修改其中一个时，另一个也会一起变化。

模板-文本插值

（1）语法格式：{{Vue实例数据变量}}
（2）特性：文本插值是双向绑定的，改变Vue实例数据变量的值，页面中文本插值的部分会重新渲染。

（3）特性：文本插值也可以进行基本运算和对象方法的执行