组件自动加载
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom 将其精简为一步。只要组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构的组件。就可以不用引用、注册,直接在页面中使用。同时打包后会自动剔除没有使用的组件。
一、直接使用
- 官网下载GraceUI5,解压缩
- 打开HBuilder X, 把解压缩好的文件包拖到HBuilder中
- 打开skin皮肤文件夹,复制black.css到skin文件夹,重命名为自己的名称,自己定义的样式都可以放在这个css文件中
- 如果要自定义组件,可以在components文件夹下自己新增一个组件,要用的时候,直接在页面跟普通组件的使用方法一样。
注意:如果要改写GraceUI5中的组件或皮肤,不要在源文件中更改,复制一份出来,改成自定义名称,再改写
二、在已有项目中使用
- 复制GraceUI5压缩包中的GraceUI5文件夹和static到已有项目中。
- GraceUI5中,组件是自动加载的,但样式不是,需要在style中进行完成。
- 打开已有项目的App.vue,把GraceUI5中的App.vue中的style样式全部复制过来,放在已有样式的最下面。并且把onLaunch生命周期函数复制过来。
- 更改style中加载主体样式的css名称