1、在src中components中,新建Header.vue组件(首字母建议大写)

Vue自定义组件简单使用

2、Header.vue

建议安装Vetur插件,输入vue可自动生成默认代码

Vue自定义组件简单使用
Vue自定义组件简单使用
Vue自定义组件简单使用

3、在app.vue中引用组件

注意要在需要的页面引用,这里用App.vue示例

Vue自定义组件简单使用
到此组件就引用完成啦

相关文章: