vue.js前端框架技术

韩颜聪、谢翠兰、赵娟、黄秀明、张衡

目录

  • 1 前置知识
    • 1.1 JavaScript
    • 1.2 掌握ES6基础
    • 1.3 flex布局思维导图
  • 2 Vue.js入门
    • 2.1 学习指南
    • 2.2 Web前端开发概述
    • 2.3 第一个vue实例
    • 2.4 章节测试
  • 3 基础特性
    • 3.1 学习指南
    • 3.2 vue实例常用到的构造选项
    • 3.3 data数据对象
    • 3.4 methods方法
    • 3.5 常用指令
    • 3.6 事件修饰符
    • 3.7 计算属性与监听属性
    • 3.8 filters过滤器
  • 4 内置指令
    • 4.1 学习指南
  • 5 Vue项目化
    • 5.1 学习指南
    • 5.2 Vue CLI三个主要工具
    • 5.3 vue脚手架项目环境配置
    • 5.4 使用Vue Cli快速构建项目
      • 5.4.1 vue脚手架项目目录说明
  • 6 组件
    • 6.1 学习指南
    • 6.2 组件的简介
    • 6.3 组件的使用
    • 6.4 组件之间的通信
      • 6.4.1 父组件向子组件通信
      • 6.4.2 子组件向父组件通信
    • 6.5 组件实战案例
    • 6.6 内容分发slot(插槽)
  • 7 路由插件
    • 7.1 学习指南
    • 7.2 路由的基本使用
    • 7.3 路由传参及获取参数
  • 8 Axios插件
    • 8.1 学习指南
    • 8.2 axios的使用
    • 8.3 axios的使用总结
    • 8.4 跨域的解决
  • 9 课堂实操项目
    • 9.1 综合项目案例截图和素材
学习指南

        随着网络技术的不断发展,Web 技术日新月异。在早期的互联网时代,用户访问网页时,一次向服务器请求一个完整的页面,于是,当从一个页面跳转到另一个页面时,浏览器窗口就会出现一段时间的“白屏”,影响用户体验。另外,即使页面中只有一小部分内容发生改变,也需要将整个页面一起更新,效率很低。后来,业内逐渐产生了 AJAX 技术,实现了页面的局部刷新,使 Web 应用的用户体验得到了大幅提升。随着Vue.js 等框架的出现,SPA(单页应用)逐渐普及,AJAX 更成为 Web 项目中不可缺少的重要组成部分。

Axios 是一个专门用来处理 AJAX 相关工作的库。将Axios 和 Vue,js 结合后,即可方便地在 Web项目中使用AJAX技术。本章首先介绍AJAX 的基本概念,然后讲解在 Vue.js 项目中使用Axios 的具体方法。

本章的学习重点

Axios的安装和引用

Axios的基本用法

Axios传递参数

解决Axios出现的跨域问题

拦截器