我们想把上面圈起来的部分提取成公共组件
(1)在components中创建名为Header的vue component(components文件夹就是存放公共组件的)
(2)把公共部分剪切到我们的Header文件中
(3)如果公共部分也有处理其的代码,也进行拷贝就可以。
我们这里没有,就不需要拷贝
(4)然后在原来的文件中引用公共部分即可
我们只需要敲<Header></Header>
即可,编译器会自己将我们的公共部分进行import导入,并且当作子组件添加到component中
我们想把上面圈起来的部分提取成公共组件
(1)在components中创建名为Header的vue component(components文件夹就是存放公共组件的)
(2)把公共部分剪切到我们的Header文件中
(3)如果公共部分也有处理其的代码,也进行拷贝就可以。
我们这里没有,就不需要拷贝
(4)然后在原来的文件中引用公共部分即可
我们只需要敲<Header></Header>
即可,编译器会自己将我们的公共部分进行import导入,并且当作子组件添加到component中
上一篇:35-vuex的简介和使用
仿淘宝 项目地址: https://github.com/tangmusenLiu/miniTaobao
基本使用(去创建vue实例
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M