Vue 介绍

Vue

介绍完后台的开发语言PHP框架，接下来就是前端的开发语言，因为很多时候后台开发的东西，我们是对于普通用户来说是看不到的，普通用户能看得到的就是，能接触到的就是能够直观的是一些界面上的东西，视觉上的东西。

我们大家现在常接触到的一般就是web的前端，比如说我们在浏览器打开的页面，在公众号上浏览的一些链接，或者说甚至小程序上面我们打开的这些页面，所看到的一切，其实都可以归纳为web前端。

除了采用最原始的HTML的开发之外，那大家现在常用的就是基于某一个框架来实现，在这个基础上站在巨人的肩膀上来做开发，那这个时候的话，vue就是几乎作为前端开发人员，不可以缺少的一个web框架。简单来说的话，它我们可以把它认为是一个单页面的一个APP应用，也就是说你打开某一个网址，当第1次加载完之后，他就已经将最核心的一个架构框架已经给你加载完了，你再切换别的页面的时候，你会感觉速度非常快，因为他那个时候只是做最简单的一些数据的获取和对应的这些界面的渲染，它不需要每次都是重新加载所有的内容。然后再结合VUE的一些UI框架，那就会给到用户非常好的一个体验，能够在一些中小型的H5应用当中，能够会让用户体验感非常的好，使用起来非常的流畅，对码农来说开发起来的话也非常的友善，在很多逻辑上的处理啊，数据上的处理的话，都能比以前的js会更加的事半功倍。

那说了那么多，那关于vue我们需要怎么来应用它呢？最起码我们需要掌握的是，怎么安装？然后，怎么来写模板，怎么来写路由，怎么来状态储存，然后还有剩下就是它的一些基本的语法就是，它一些条件的渲染拉列表的渲染了一些事件的处理啊，表单数据的一些绑定啊，还有呢，就是一些class syle处理这些呢，就跟html的话就非常的相似。

所以这里边重点要掌握的，其实就是，路由配置，数据储存，然后我们最基础的这个啊，样式的绑定，事件的处理，还有数据的一个绑定和处理。

如果我们自己并不是很擅长在前端的布局，组件的美化，样式的处理这些的话，那我们可以借用第三方的一些UI的库，比如说常见的有vant，iview还有colorUI这一些。他们已经将我们常见的一些组件都已经封装好了，比如说像按钮，输入框，表单，还有一些常见的像弹窗啊，嗯，还有一些图表啊，这些他都已经处理好了，我们只是简单的把它的代码拿过来借鉴，装载到我们现有的项目页面，嵌入当中，就可以实现相应的一个UI效果了，非常的便利。

image.png

那当我们能够非常熟悉的掌握一个vue基础的应用和UI框架的一个使用之后，那我们就能够开发一些，常见的类似手机的单页面应用，如一套电商购物，分销登记，打卡签到系统等，还有就是做我们的一些常见的后台给到专门用PC端客户去对用户/粉丝数据管理、订单数据管理等。

嗯，今天就很笼统的讲了一下vue框架的一些基础，那在未来的一些文章当中的话，我会针对某一些具体的一些应用，然后将自己的整个项目代码的一个制作的一个流程给大家呈现出来。