父组件
-
导入
import axios from 'axios'
-
mounted事件
mounted () {
this.getDetailInfo()
} -
axios获得Json文件,然后触发方法
methods: {
getDetailInfo () {
axios.get(‘api/detail.json’)
}
}获得动态路由的参数
2. axios.get(‘api/detail.json?id=’ + this.route.params.id)3.axios.get(′api/detail.json?id=′+this.route.params.id ) 3. axios.get('api/detail.json?id=' + this.route.params.id)3.axios.get(′api/detail.json?id=′+this.route.params.id) 等价于
-
data初始化
-
子组件属性调用
口诀
一导二m三a法,四data初始五调用
子组件
- props 定义
- 引用
- 绑定直接变量名,插值记得加this
口诀
一定义二引用,绑定名字插值加this
keep-alive做缓存,mounted只会被执行一次。如果每次进页面都想发一个新的ajax请求。
- 配合使用activated 生命周期钩子
- keep-alive 标签处exclude 无需缓存的vue名