武汉老站长

 找回密码
 立即注册
点击联系客服
客服QQ: 客服微信:
查看: 570|回复: 50

如何在vue页面上引入额外的子组件?(部分介绍/全局介绍)

[复制链接]

1

主题

1

帖子

-7

积分

限制会员

积分
-7
发表于 2021-10-2 15:00:42 | 显示全部楼层 |阅读模式
页面上的子程序集导入分为本地导入和全局导入。本地导入(顾名思义)仅导入到当前页面,并且仅显示在当前页面上。全局导入将在导入后显示在所有页面上。

首先两页Test.vue和tset  2 . vue;进行动态观察时的轴心点。





启动效果如下:








接下来,创建头部子组件。





局部引入:

它将头部子组件导入到Test.vue页面。下图:





页面显示如下:只有Test.vue页面显示头子组件。








全局引入:

在Src/main.js中:








页面显示如下:





回复

使用道具 举报

0

主题

692

帖子

-601

积分

限制会员

积分
-601
发表于 2021-10-2 15:00:43 | 显示全部楼层
真是 收益 匪浅
回复

使用道具 举报

0

主题

690

帖子

-553

积分

限制会员

积分
-553
发表于 2021-10-2 15:20:59 | 显示全部楼层
不错不错,很好哦
回复

使用道具 举报

0

主题

670

帖子

-539

积分

限制会员

积分
-539
发表于 2021-10-2 15:41:49 | 显示全部楼层
LZ说的很不错
回复

使用道具 举报

0

主题

692

帖子

-562

积分

限制会员

积分
-562
发表于 2021-10-2 16:03:49 | 显示全部楼层
我是来刷分的,嘿嘿
回复

使用道具 举报

0

主题

683

帖子

-553

积分

限制会员

积分
-553
发表于 2021-10-2 16:24:57 | 显示全部楼层
前排支持下
回复

使用道具 举报

0

主题

707

帖子

-585

积分

限制会员

积分
-585
发表于 2021-10-2 16:45:31 | 显示全部楼层
帮你顶下哈!!
回复

使用道具 举报

0

主题

707

帖子

-574

积分

限制会员

积分
-574
发表于 2021-10-2 17:05:35 | 显示全部楼层
LZ真是人才
回复

使用道具 举报

0

主题

708

帖子

-590

积分

限制会员

积分
-590
发表于 2021-10-2 17:25:56 | 显示全部楼层
看帖回帖是美德!
回复

使用道具 举报

0

主题

677

帖子

-555

积分

限制会员

积分
-555
发表于 2021-10-2 17:46:30 | 显示全部楼层
路过,支持一下啦
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|无图版|手机版|小黑屋|武汉@IT精英团

GMT+8, 2022-6-26 07:53 , Processed in 0.052262 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表