Vue入门（一）——Vue简单介绍

Vue是一种前后端分离的前端框架，目前也是比较流行的一种前端框架，首先这篇博客简单说一下。
首先Vue主要涉及的点有以下几点：

*1.Vue的基本语法的使用

基本语法：
（1） v-for：就是相当于我们的循环遍历的for语句是一样的
（2） v-bind：动态绑定。所谓的动态绑定就是说给我们的某个元素加上属性 还有我们想要给一个东西附上一个变量也要用这个，否则就会相当于将其看成字符串了，简写就是：
（3）v-on:就是给我们绑定一些点击事件。简写就是@
（4）v-if：就是我们常用的判断语句if，里面的v-else和v-else-if也是一样的。
（5）v-show：就是判断我们的某个元素是否显示，它与v-if之间的区别在于它是在css中加了属性，不显示的属性，而v-if是直接在dom中不存在。
（6）v-model：就是双向绑定，就是比如你在输入框中使用了双向绑定，这个时候你在输入框中输入的值将会在页面中直接绑定在一起，一起改变。

2.Vue组件的使用

其实组件就是我们对于封装的使用，把我们经常使用的前端部分模块封装成一个组件。
（1）组件当中，有全局组件，同时也有局部组件，我们在项目中一般使用的都是局部组件。
（2）其次，我们要说的就是父组件与子组件，简单来说就是当我们把整个页面看成一个组件的情况下，那里面显示的各个板块就可以看成是一个子组件。
（3）上面我们说了父子组件，但是组件之间需要传递，父传子需要使用props，而我们子传父使用的是自定义事件，即我们传递一个事件使用$emit发送一个事件，父组件将会收到。
（4）接下来讲到了就是父子组件之间的访问，父访问子组件，我们使用$children或者$refs，一般我们使用的是$refs；而子组件访问父组件，我们使用的是$parent.

3.Vue的插槽使用

为什么我们会使用上插槽呢？原因就在于我们在写在组件的时候，我们有时候会发现有一部分不太一样，这个时候我们需要做的是自定义一些组件的内容。

4.WebPack的使用

webpack就是前端模块化，因为我们知道我们的Vue开发是基于模块化的开发，但是我们也应该知道模块之间必然会出现一比较复杂的依赖关系，而我们的模块化就是为这个而生的，我们可以也可以利用webpack进行打包处理。下面说一下具体的使用情况：
webpack中对于less文件的处理、图片文件的处理、ES6转ES5、使用Vue的配置，等

5.Vuecli脚手架的使用

当我们学习过webpack之后我们就会知道哪些配置文件的书写很麻烦，所以才会有了脚手架的出现，我们使用脚手架主要可以快速搭建Vue开发环境以及对应的webpack配置。注意，脚手架的使用前提就是Node环境和WebPack。这些步骤完成之后，我们就只需要安装脚手架了。

6.Vue-router路由的使用

我们之前介绍过了组件，所谓组件就是我们前端页面要显示页面的一种封装，我们也知道，在显示前端页面的时候，我们通常是输入一个url进行的，而我们的路由的作用就是为了将url和组件进行一一对应的。

7.Promise的使用

如果你之前接触过ajax的话，应该知道ajax异步请求的，当我们在发送一个异步请求之后不马上返回一个结果，而是将他传给另一个异步请求，如此循环，但是这样的代码特别难以维护，这个我们都会使用Promise进行封装处理，这个时候我们将会看到一个特别优雅的代码。

8.Vuex的使用

这个其实就是一个状态管理的一个东西。可能刚开始不理解这个到底是啥，这就给你通俗解释一下，Vuex有两个特点，其一就是用于存放组件中一些公共的资源，比如每个组件都会用的变量，如登录系统的用户信息，又比如说购物车里面的信息等。其二就是响应式，我们在改变一个组件这个属性的值，在别的组件中使用这个变量的值也会动态改变，这就是Vuex的作用。

9.axios的封装使用*

这个就是网络请求模块的一个封装，你们可能会说为什么不使用原装或者Jquery-ajax，我只想说，你自己用了你就知道为什么了，记住以后的东西越来越方便，越来越简单的。

以上东西是对Vue的简单概括，详细内容后面会讲，这里只是想让你们大概的了解一下这些东西，心中有一个基本的思路。学起来就会快很多。

注：记住，学习总来不是一蹴而就的。大家加油吧