vue初识

什么是vue.js

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
核心理念：数据驱动视图 组件化的开发
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！

为什么学习流行框架

1、企业为了提高开发效率：在企业4E2D，时间就是效率，效率就是金钱；
2、企业中，使用框架，能够提高开发的效率；
3、提高开发效率的发展历程：原生JS -> Jquery之类的类库 -> 前端模板引擎 -> Angular.js / Vue.js
4、能够帮助我们减少不必要的DOM操作；提高渲染效率；双向数据绑定的概念【通过框架提供的指令，我们前端程序员只需要关心数据的业务逻辑，不再关心DOM是如何渲染的了】
5、在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑；

框架和库的区别

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

MVC与MVVM的区别

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

Vue.js的代码结构

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

// 实例化vue
    let vm = new Vue({
        // 控制区域
        el: '',
        // 存放数据
        data: {
            
        },
        // 存放的方法
        methods: {

        }
    })