vue

什么是vue
1 vue是目前最火的前端框架
vue 可也用语手机app开发，需要借助于weex

前端3打主流框架 vue angular react

vue 是一套构建用户界面的的框架 只关注与视图层，容易上手，方便与第三方库或项目的整合

前端的主要工作 ：主要辅助mvc中v的一层，用于和界面打交道，来制作页面效果。

为什么学习流行框架

1.使用框架能提高开发效率；
原生js-jQuery-模板引擎-angular--vue
原生js的缺点兼容不好，jQuery是在原生的基础上改进它的缺点，单随着改进之后，jQuery会频繁的操作DOM，然后出现了前端模板引擎，他在更加完善前两个技术的缺点，之后在项目中会出现重新渲染数据，排序之后整个页面都会从新渲染，会增加浏览器负担，然后angular和vue就出现，他们会提高效率，减少dom出现，外加双向数据绑定和内部指令，只需要关系数据和业务逻辑的数据，不需要关系dom是如何渲染了，vue就是解放程序员的双手，让程序员更多的去关心业务逻辑。

框架和库的区别

1框架是一套完整的解决方案，对项目侵入性大，需要从新弄构架整个框架

2库是一个小功能类似一个插件，对项目侵入性小，如果某个库无法完成类似的需求，可以容易切换到其他库实现需求。

mvc和mvvm的区别

mvc是后端开发概念 m是数据层 v是 视图层 c是业务逻辑层，app-（model）-（view）视图层 -（路由和contoller）-，处理过程,其中通过view视图层业务处理都会通过网络请求去请求后端的服务器，此时我们的请求就会被后端的app.js监听到

mvvm是前段视图层的概念，他把前段每一个页面分3块，m（页面中独立的数据），v（每个页面的html机构），vm（桥梁）其中vm是mvvm的思想核心，因为vm是我们m和v之间的调度者，是m到v之间的一个桥梁，实现数据双向绑定，两者之间一方面数据变更会之间同步到另一方，每次数据获取和保存的时候都会调用vm，都要由vm处理。

前端页面mvvm思想主要为了让我们开发更加方便，

v实例控制的元素去就是v
vm就是new出来的vm对象就是mvvm中 vm的调度者
//vm会监听自身data数据的改变，只要数据改变，会自动把数据更新到页面上去。
m就是当前页面data数据，用来保存每个页面的数据

vue基本代码

vue不支持直接操作dom元素
{{ }} 为表达式，data的所有属性可以引用

el：当前实例控制页面上的区域
data：存放el中用到的数据
methods：是一个对象，可以定义当前vue中所有的方法

v-cloak解决页面闪烁问题
[v-cloak]{ display:none;}

v-text默认没有闪烁问题，会覆盖元素中原本的内容，插值表达式不会把整个内容清空

v-html也会覆盖原本内容 但是会实现HTML格式
前两个都会输出普通文本如果输出html格式用v-html

v-bind是vue提供绑定属性的指令可以用变量的执行，他会把里面的东西当做代码执行,可以写合法的js表达式。
: ===v-bind： :为它的简写

v-on是绑定事件的指令
@===v-on： @为它的简写