Nuxt3 components公共组件

最新推荐文章于 2024-08-20 15:55:47 发布

键指江湖

最新推荐文章于 2024-08-20 15:55:47 发布

阅读量625

点赞数

分类专栏： Nuxt3 文章标签： nuxt3 components

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/ahui829/article/details/131621412

版权

Nuxt3 专栏收录该内容

5 篇文章

订阅专栏

文章讲述了如何创建一个可复用的right组件，该组件能被引用到index页面和about页面中，以实现一致的目录结构效果。在index页面，right组件展示特定的效果，而在about页面中，组件同样适用并呈现不同的展示效果，体现了组件的灵活性和通用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.目录结构
效果实现：写一个公共的right组件，在index和about页面同时引用它
在这里插入图片描述
2.index页面引入

index页面显示效果

about页面引用及效果

博客等级

码龄6年

75
原创

39
点赞

153
收藏

90
粉丝

关注

私信

热门文章

分类专栏

React 3篇
Vue3 16篇
Nuxt3 5篇
PHP 1篇
小程序 10篇
css 3篇
其他 3篇
jquery 5篇
正则表达式 1篇
js 4篇
问题解决 4篇
VUE 2 23篇

最新评论

vue3-ace-editor前端 json格式化显示 json编辑器使用
2301_78931500: 大佬，我的调用JSON.parse格式化value时报错
vue3-ace-editor前端 json格式化显示 json编辑器使用
键指江湖: 光标bug？什么情况
vue3-ace-editor前端 json格式化显示 json编辑器使用
程序员_Hjw: 存在光标bug
各种常用的正则表达式校验
优快云-Ada助手: 哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)使用更多的站内链接；(2)增加除了各种控件外，文章正文的字数；(3)提升标题与正文的相关性。
vue3 vant组件的引入方式
键指江湖: [code=javascript] import './assets/main.css' import { createApp } from 'vue' import App from './App.vue' import router from './router' /*全局引入*/ //import Vant from 'vant' /*按需引入*/ import { Toast } from 'vant'; //import { Button } from 'vant'; import 'vant/lib/index.css' const app = createApp(App) app.use(router) app.use(Toast ) //app.use(Vant) //app.use(Button) app.mount('#app') //页面调用 <template> <main> <div> <p>home页面</p> <van-button type="primary" @click="showBtn">主要按钮</van-button> </div> </main> </template> <script lang="ts" setup> import { showToast } from 'vant'; const showBtn=()=>{ showToast('提示内容'); }; </script> [/code]

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。