其他分享
首页 > 其他分享> > 33-vuecli公共组件的提取

33-vuecli公共组件的提取

作者:互联网


我们想把上面圈起来的部分提取成公共组件

(1)在components中创建名为Header的vue component(components文件夹就是存放公共组件的)
(2)把公共部分剪切到我们的Header文件中

(3)如果公共部分也有处理其的代码,也进行拷贝就可以。

我们这里没有,就不需要拷贝

(4)然后在原来的文件中引用公共部分即可

我们只需要敲<Header></Header>即可,编译器会自己将我们的公共部分进行import导入,并且当作子组件添加到component中

标签:vuecli,33,component,Header,components,公共,组件,部分
来源: https://www.cnblogs.com/morehair/p/15349744.html