Vue中使用公共组件(最简单易懂)

时间:2024-04-12 10:50:37

1、首先,在什么情况下我们需要使用公共组件,以案例为例,
Vue中使用公共组件(最简单易懂)
Vue中使用公共组件(最简单易懂)
这里的公共的组件就是不同页面下的相同的头部。
2、首先我们先新建一个公共的头部组件,取名为headTop,然后在组件中写入的界面内容。
3、在需要引入公共组件的页面导入组件,分别需要在三个地方写代码,
头部:
Vue中使用公共组件(最简单易懂)
脚本:
Vue中使用公共组件(最简单易懂)
Vue中使用公共组件(最简单易懂)
4、就这样就可以引入我们需要的公共组件了