ajax 服务路由集合,组件及组件间通信、路由、axios发起AJAX请求

1、组件间通信：此方式用于父组件向子组件传递‘标签数据’

子组件：Child.vue

不确定的标签结构 1

组件确定的标签结构

不确定的标签结构 2

父组件：Parent.vue

xxx 对应的标签结构

yyyy 对应的标签结构

2、axios发起AJAX请求

axios：通用的 ajax 请求库

// 引入模块

import axios from 'axios'

// 发送 ajax 请求

axios.get(url)

.then(response => {

console.log(response.data) // 得到返回结果数据

})

.catch(error => {

console.log(error.message)

})

3、路由

路由组件：Home.vue  ；  About.vue

应用组件：App.vue

About

Home

路由器模块: src/router/index.js

注册路由器: main.js

编写使用路由的 3 步：*定义路由组件  *注册路由  *使用路由

路由可嵌套