zl程序教程

您现在的位置是:首页 >  前端

当前栏目

如何在vue页面中引入其他的子组件?(局部引入/全局引入)

Vue组件 如何 页面 其他 全局 引入 局部
2023-09-14 09:12:48 时间

        在页面中引入子组件分为局部引入和全局引入,局部引入顾名思义就是只在当前页面引入且只在当前页面显示,全局引入即引入后在所有页面都显示

        首先我们创建两个页面Test.vue和Tset2.vue;

        起始效果如下:

        接下来创建一个头部子组件,


 局部引入:

        此处将头部子组件引入Test.vue页面中;如下图:

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


 全局引入:

        在src/main.js中; 

页面显示效果如下: