Nuxt(组件-基础使用)

1.根目录下新建compoents目录,必须是这个名字

2.封装组件

示例代码如下(Header.vue):

<template>
  <div>
    <NuxtLink to="/"> 首页 </NuxtLink>
    <NuxtLink to="/about"> 关于 </NuxtLink>
  </div>
</template>
<script setup lang="ts">
</script>
<style scoped>
</style>

3.直接调用

在index.vue中调用

相关推荐

  1. next server 加载client 使用suspense

    2024-04-02 01:10:05       31 阅读
  2. 02 React 使用

    2024-04-02 01:10:05       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-02 01:10:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-02 01:10:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-02 01:10:05       82 阅读
  4. Python语言-面向对象

    2024-04-02 01:10:05       91 阅读

热门阅读

  1. JPA不识别MySQL的枚举类型

    2024-04-02 01:10:05       33 阅读
  2. 汇编——SSE对齐(一. 未对齐情况)

    2024-04-02 01:10:05       30 阅读
  3. 【qt】打开图像、保存图像

    2024-04-02 01:10:05       28 阅读
  4. table Diffusion 的Web 用户界面简介

    2024-04-02 01:10:05       35 阅读
  5. 详解SPWM与SVPWM的原理、算法以及两者的区别

    2024-04-02 01:10:05       35 阅读