3、非路由组件的创建

1、项目样式

浏览器不识别less样式，需要通过less less-loader进行处理，将less样式转为浏览器识别的css样式

npm install --save less less-loader

想让组件识别less样式，需要再style标签身上加上lang属性，值为less

<style lang="less"></style>

2、在项目中使用非路由组件的步骤

• 创建或定义组件
• 引入组件

import Header from 文件路径

• 注册组件

<script>
    export default {
        components: { Header }
    }
</script>

• 使用组件

<Header></Header>