1. axios基本使用

特点

• 支持客户端发送Ajax请求

• 支持服务端Node.js发送请求

• 支持Promise相关用法

• 支持请求和响应的拦截器功能

• 自动转换JSON数据

• axios 底层还是原生js实现, 内部通过Promise封装的

axios的基本使用

axios基本使用-全局配置

目标: 避免前缀基地址, 暴露在逻辑页面里, 统一设置

2. nextTick和​refs知识

$refs-获取DOM

目标: 利用 ref 和 $refs 可以用于获取 dom 元素

总结: 通过id / ref, 都可以获取原生DOM标签

$refs-获取组件对象

目标: 获取组件对象, 调用组件里方法

获取组件对象 - 调用组件方法

$nextTick使用

Vue更新DOM-异步的

目标: 点击count++, 马上通过"原生DOM"拿标签内容, 无法拿到新值

总结: DOM更新是异步的

$nextTick使用场景

3. 组件name属性使用

目标: 可以用组件的name属性值, 来注册组件名字

问题: 组件名不是可以随便写的?

答案: 我们封装的组件-可以自己定义name属性组件名-让使用者有个统一的前缀风格

 App.vue - 注册和使用