vue初识

1、什么是vue.js

　　1、Vue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex、uni-app）。

　　2、Vue.js是前端的主流框架之一，和Angular2+、React.js一起，并成为前端三大主流框架！

　　3、Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发）

　　4、前端的主要工作？主要负责MVC中的V这一层；主要工作就是和界面打交道，来制作前端页面效果；

2、为什么学习流行框架

1、企业为了提高开发效率：在企业中，时间就是效率，效率就是金钱；

2、企业中，使用框架，能够提高开发的效率；

3、调代码的课维护性，提高效率；

4、提高开发效率的发展历程：原生JS->Jquery之类的类库->前端模板引擎->Angular.js/Vue.js能够帮助我们减少不必要的DOM操作；提高渲染效率；双向数据绑定的概念【通过框架提供的指令，我们前端程序员只需要关心数据的业务逻辑，不再关心DOM是如何渲染的了】

5、在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑；

3、框架和库的区别

　　框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。

　　库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

4、MVC与MVVM的区别

MVC是后端的分层开发概念，它可以分为三部分：View、Cintroller、Model

MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model、View、VMViewModel;

 

5、vue代码结构

1、引入vue.js
2、写视图层，我们要展示的内容
3、实例化Vue()
　　data：存放数据
　　el：这个控制是哪块视图
　　methods：放我们的方法

<!--视图层-->
<divid="app">
<!--插值表达式，可以读取我们的变量-->
{{message}}
</div>
<!--1、引入vue的js，引入js之后他为我们提供了Vue类-->
<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
//调度层
varvm=newVue({
//vue控制的区域
el:'#app',
//data参数存放我们的数据，这一层就是mvvm里的model层
data:{
message:'HelloVue!'
　　},
methods:{
　　}
})
</script>