我的 github 地址 - nofollow" target="_blank" href="https://github.com/yokees/vue3.0Study">vue3.0Study - 阶段学习成果都会建立分支。
首先美化一下界面 - 相关的界面代码不粘贴，可从我的 github 分支中看到。下面最终的实现效果图：
改造下 data 中的 navs 属性 ( navs 数组每个元素都是 包含 active 和 data 属性的对象 )：
v.json())
.then(v => {
this.tts = v.data.toutiao
this.navs = v.data
console.log(this.navs);
Reflect.ownKeys(v.data).forEach((key,index) => {
this.navs[key] = {
active: key === 'toutiao',data: this.navs[key]
}
})
})
}
其中的 active 用来标识 button，data 是新闻资讯的数据。
改造
