Vue3(小白学习路)

写在前面：document.querySelector() 

querySelector() 
var node = document.querySelector("#lover");   // 获取文档中的第一个id=lover的元素
var node = document.querySelector(".lover");   // 获取文档中的第一个class="lover"的元素
var node = document.querySelector("p.lover");  // 获取class=“lover” 的第一个p元素
var node = document.querySelector("a[target]");// 获取第一个带target属性的a元素
var element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素
document.querySelector(\"body\").style="";     // 移除style属性 
document.querySelector("h2,h3").style.backgroundColor = "blue";//为文档的第一个h2元素添加背景颜色，但是，如果文档中<h3>元素位于<h2>元素之前，<h3>元素将会被设置指定的背景颜色。注意：多元素选择时，谁先匹配就是谁（只有一个被选中）。

 1、AJAX概念和axioss使用

1.1概述

        使用浏览器的XMLHttpRequest 对象 与 服务器通信

1.2Ajax的优点

1）无刷新更新页面

2）减轻服务器的负担

3）提高页面性能

4）减少网络带宽

5）基于标准被广泛支持

6）前后端负载平衡

......

1.3 axios介绍

这里使用一个第三方库叫axios，后续在学习XMLHttpRequest 对象了解AJAX底层原理，因为axios库语法简单，让我们有更多精力关注在与服务器通信上，而且后续的Vue学习中，也使用axios库与服务器通信。

axios官网：起步 | Axios中文文档 | Axios中文网