Vue.js入门第四篇

上一篇中已经将所需工具简单的介绍了一下,完成了项目结构的基本布局,从本篇开始就是对Vue的具体使用了,今天的主要内容是使用 v-for 和 v-bind 指令创建一个简单的导航栏。结果如下: 导航栏 首先进入到 TopBar.vue 组件中,让 data 返回一个菜单项列表: TopBar.vue 接着改动一下 TopBar.vue 的 template ,通过使用 v-for 指令循环生成菜单项
相关文章
相关标签/搜索