vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定

大佬教程收集整理的这篇文章主要介绍了vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_673_0@我的 github 地址 - nofollow" target="_blank" href="https://github.com/yokees/vue3.0study">vue3.0study - 阶段学习成果都会建立分支。

@H_673_0@首先美化一下界面 - 相关的界面代码不粘贴，可从我的 github 分支中看到。下面最终的实现效果图：

@H_673_0@改造下 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]
   }
  })
  })
 }

大佬总结

以上是大佬教程为你收集整理的vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定全部内容，希望文章能够帮你解决vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。