nuxt服务端渲染
<template> <div class="page"> page is search <ul> <li v-for="(item,idx) in list" :key="idx">{{item}}</li> </ul> </div> </template> <script> import axios from 'axios'; export default { layout: 'search', data() { return { list: [] } }, async asyncData(){ let { status, data: {list}} = await axios.get('http://localhost:3000/city/list') if(status === 200){ return { list } } } } </script> <style scoped> </style>
使用asyncData就是服务端渲染,computed只是浏览器的渲染刷新会有闪烁
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步