微客导航 » 文章资讯 » vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

2023-09-08 04:51:04 348

我的github地址-vue3.0Study-阶段学习成果都会建立分支。

helloworld.vue都挪到about路由当中。

下面我们开始整理玩转home.vue，后台数据使用https://www.apiopen.top/journalismApi

先贴出script代码：

exportdefault{
name:'home',
data:function(){
return{
navs:{},
tts:[]
}
},
created:function(){
fetch('https://www.apiopen.top/journalismApi')
.then(v=>v.json())
.then(v=>{
console.log(v.data);
this.tts=v.data.toutiao;
this.navs=v.data;
});
}
}

home.vue组件有了两个属性：navs和tts属性。在template中使用如下代码：

这个改造过程比较简单，就不多介绍。也建立一个git分支上传。

总结

以上所述是小编给大家介绍的vue3.0CLI-2.2-组件home.vue的初步改造，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

热门推荐

随机推荐