Vue3单文件jsx输出多组件示例遇到的坑

感谢博主减肥吧Evan提供的SFC实现多组件的思路和实现,小卷在大佬的基础上再完善下实现。

我们从tsx的API使用上得到启发,可以在vue的单文件组件(sfc)中使用defineComponent来定义和导出多个独立的小组件。此时sfc中的<template>可以忽略了,让每个小组件自己返回jsx的模板内容即可。

经过实践,发现两个坑的地方一定要注意:

  1. export default问题
  2. 单文件中<style scoped>问题

具体内容见录屏:

Vue3单文件jsx输出多组件示例遇到的坑

相关推荐

  1. Vue3文件jsx输出组件示例遇到

    2024-07-15 16:54:03       23 阅读
  2. vue3基础:文件组件介绍

    2024-07-15 16:54:03       60 阅读
  3. vue3-应用规模化-文件组件

    2024-07-15 16:54:03       47 阅读
  4. Vue3`ref`和`reactive使用中遇到一些

    2024-07-15 16:54:03       51 阅读

最近更新

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

    2024-07-15 16:54:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-15 16:54:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-15 16:54:03       58 阅读
  4. Python语言-面向对象

    2024-07-15 16:54:03       69 阅读

热门阅读

  1. Leetcode(经典题)day3-双指针

    2024-07-15 16:54:03       19 阅读
  2. 跟ChatGPT学习go语言--如何将两个list 拼接

    2024-07-15 16:54:03       18 阅读
  3. Linux

    2024-07-15 16:54:03       22 阅读
  4. Unsloth使用简介

    2024-07-15 16:54:03       19 阅读
  5. Eureka是什么?

    2024-07-15 16:54:03       22 阅读
  6. 享元模式(大话设计模式)C/C++版本

    2024-07-15 16:54:03       19 阅读
  7. html 关闭信息窗口

    2024-07-15 16:54:03       22 阅读
  8. vue3+springboot+minio,实现文件上传功能

    2024-07-15 16:54:03       20 阅读