Vue前端框架

1.1、Vue的介绍

• Vue是一套构建用户界面的渐进式前端框架。

• 只关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合。

• 通过尽可能简单的API来实现响应数据的绑定和组合的视图组件。

• 特点 易用：在有HTMLCSSJavaScript的基础上，快速上手。 灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。 性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化。

vue详细介绍：

• Vue核心对象：每个Vue程序都是从一个Vue核心对象开始的 
                   let vm=new Vue（{

                      选项列表；

                          }）

• 选项列表

             el选项：用于接收获取到页面中的元素。根据常用的选择器获取

             data选项：用于保存当前Vue对象中的数据。在视图中声明的变量要在此处赋值

              methods选项：用于定义方法。方法可以直接通过声明变量调用，this代表当前Vue对象

• 数据绑定

              在视图部分获取脚本部分的数据。

              {{变量名}}

2.1、指令介绍

• 指令：是带有 v- 前缀的特殊属性，不同指令具有不同含义。例如 v-html，v-if，v-for。

• 使用指令时，通常编写在标签的属性上，值可以使用 JS 的表达式。

• 常用指令

---

.2、Vue的生命周期

• 生命周期

 

• 生命周期的八个阶段

 

3、Vue异步操作

• 在Vue中发送异步请求，本质上还是AJAX。我们可以使用axios这个插件来简化操作！

• 使用步骤 1.引入axios核心js文件。 2.调用axios对象的方法来发起异步请求。 3.调用axios对象的方法来处理响应的数据。

• axios常用方法