赞
踩
默认布局
layouts文件里面的defauit.vue文件
添加默认全局模板
文件根目录下添加app.html(需要重启服务生效)
路由
nuxt会根据pages下面的文件自动创建路由
普通路由跳转
动态路由传参(接收{{$route.params.id}})
nuxt的asyncData方法
async asyncData() {
return axios
.get("./data/test.json")
.then(res => {
console.log(res);
return { detail: res.data };
//return返回数据,组件创建之前就进行的动作,所以不能使用this
})
.catch(e => {
console.log("失败");
});
}
~符号用法
nuxt提供 ~ 符号用于直接访问根目录
<img src="~static/qq.jpg" alt="">
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。