vue零散记录之组件引入 components

博主分享项目中所学的Vue组件新写法。以组件a.vue引入子组件b.js为例,展示了如何在引入时重新定义名字,这种写法方便在不同组件根据应用场景使用,后续还会补充新发现。

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

最近做的项目较为复杂,写法五花八门,这里做了简单累计,

最近学到一种新的写法,

比如有组件a.vue和子组件b.js,

其中组件b.js内容为:

export const s1 = `我是a.js的内容`;

export const s2= `我是a.js的内容`;

当a.vue 引入b.js的时候

import { s1, s2} from "./b.js";

export default {

    components: {

     ss: s2, //意思是b.js中的s2在a.vue中重新命名为s2。 类似声明的作用。但是还未用到

    }

template:'<ss/>'

  

}

上面的这种写法方便在不同组件中使用的时候应用场景不同,根据应用场景来重新定义名字。

大概就这个意思吧,筒子们可以自己尝试一下。

后续有新的发现,会做补充。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值