Vue.js初识

一、Vue.js

       是用于搭建类似于网页版知乎（表单项繁多，且内容需要根据用户操作进行修改）的网页版应用；Vue是兴起的前端js库，是一个精简的MVVM（Model-View-ViewModel）。从技术角度讲，vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的MVVM框架如Angular、React都是大同小异，本质上都是基于MVVM的理念。然而vue以他独特的优势简单、快速、组合、紧凑、强大而迅速崛起；

二、HTML的DOM----->视图层（Vue核心库只关注视图层）

       一个网页就是通过DOM的组合嵌套---->基本的视图结构---->CSS修饰化妆---->JavaScript交互（事件机制-->响应用户的交互操作；事件处理函数-->进行各种数据的修改）；

三、抽取视图层的原因：

       在页面元素非常多，结构庞大的网页中，数据和视图如果全部混杂在一起，对他们进行处理会非常费劲；

四、Vue.js方便的原因：有声明式、响应式的数据绑定；组件开发；还使用了Virtual DOM；

        响应式数据绑定：Vue.js会自动对页面中某些数据的变化做出响应（自动响应数据的变化情况，并且根据用户在代码中的绑定关系，对所有绑定在一起的数据和视图内容都进行修改）；

        组件化开发：Vue.js通过组件，把一个单页应用中的各种模块拆分到一个个单独的组件中，我们只需要现在父级应用中写好各种组件标签（占坑），并且在组件标签中写好要传入组件的参数，再写各组件实现；

        Virtual DOM：虚拟DOM，它就是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化。（预处理操作）；

五、Vue-CLi

        是Vue.js的脚手架工具（自动生成好项目目录，配置好Webpack以及各种依赖包工具，可通过npm install vue-cli-g）

拓展：

        Webpack（功能很多）：例如

                -->前端打包工具（一次性将单页要用到的素材、css、js文件全部下载，打包成一个文件；让网页展现更快）；

                -->构建功能（为适应老版本的浏览器）；

                -->前面提到的Vue.js可以使用单文件组件开发项目，其实也是通过Webpack将单文件组件中的模板、样式以及js转换到主页面中；

                -->还可以安装插件来扩展更多其他功能；

六、Vuex

        是Vue的一个状态管理器，用于集中管理单页应用程序中的各种状态；