1. 在src下的components创建头部组件
2. html放到template里
3. css文件放到src里的assets里的css下
4. 在router下的index.js里通过import引入css文件
例: import ' ../assets/css/header.css '
5. 主件写好之后,在app.vue里面引入
例: import headerNav from ' ./components/header-nav '
6. 主件引入好之后,开始渲染
在default里写入components
例: components:{
headerNav
}
在头部div里写入<headerNav></headerNav>
7. 去项目所在文件夹输入cmd
npm run dev
网友评论