从后台获取数据跳转相应页面并动态显示内容

在第一个页面中

从后台获取数据，动态设置a标签的href

<a :href="`news.html?id=${item.url}`">{{item.title}}</a>

注意：href之前的冒号

在第二个页面中

解析传入的参数

const id = window.location.href.split("?")[1].split("=")[1];

获取相应内容

const NewsData = reactive({
  news: []
})
instance.get('/news/selectAll').then(res => {
  NewsData.news = res.data.data[id-1]
  // console.log(NewsData.news);
}).catch(err => {
  console.log(err)
})

展示

<div>
  <h2>{{news.title}}</h2>
</div>
<p>{{news.date}}</p>

<div class="container">
 <p>
   {{news.content}}
 </p>
</div>