V01 Vue.js 实战教程 - 基础篇3.3. 导航列表
简介
本小节中，我们将在网站的头部显示一个导航列表，并使导航列表可切换。
添加导航列表
打开 src/components/layouts/TheHeader.vue 文件，复制以下代码进行替换：
src/components/layouts/TheHeader.vue
<template>
<div class="navbar navbar-default topnav">
<div class="container">
<div class="navbar-header">
<a href="/" class="navbar-brand">
<span class="title">{{ logo.title }}</span>
<img :src="logo.src" :alt="logo.title">
</a>
</div>
<div id="top-navbar-collapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li v-for="item in navList">
<a href="#">{{ item }}</a>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
na...
关于 LearnKu
粤公网安备 44030502004330号