组件封装

在后台管理系统中使用 封装过程:先写固定遮罩层,再将盒子定位到中间,按需求改写盒子内容 通过父子组件传值控制对话框的显示与隐藏

思路分析: 封装骨架屏单元格组件 配置Vue插件并且配置全局组件 在main.js中导入并配置UI组件库这个插件 分类列表中使用骨架屏组件进行占位 1.创建并封装骨架屏组件 2.新建index.js来

name:'ChildTreeName', /指组件自身组件调用自身组件/ 组件本身就是ChildTreeName，在调用时就不需要再用compents来声明了 @@组件的name值和router的n

面包屑导航是一种提高用户体验的导航栏 例如:首页>菜单>产品 实现思路: a/准备页面结构和样式,需要用到字体图标 在public目录下的index.html中引入cdn的字体图标资源也可以使用其他字

商品展示预览图组件,large为一边显示的大图,middle为中间图,小图为small,排他思想完成图片更换

完成以上步骤后当前查找路径下的所有组件都能自动注册 自动注册的注意点:必须给每个组件设置name属性