1-关于Vue组件
一、什么是组件
组件(Component)是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素,封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用界面都可以抽象为一个组件树:
二、前端项目组件分析
1、三要素
- 入口js:src/main.js
- 入口页面:src/App.vue
- 路由:src/router/index.js
main.js 中引入了App.vue和 router/index.js,根据路由配置,App.vue中会显示相应的页面内容
2、入口文件
src/main.js
3、主页面模块
src/App.vue
4、路由模块
src/router/index.js
5、登录页面组件
三、前端项目布局分析
1、路由模块
src/router/index.js
2、布局模块
src/views/layout/Layout.vue
3、核心内容区域
src/views/layout/components/AppMain.vue
4、讲师列表页面组件
[外链图片转存中…(img-2zQXLVSi-1594907812374)]