**封装分为多种写法，不同写法作用不同，本章节主要介绍封装的不同写法以及作用。**
<br/>
封装的主要写法如下（**其他内部封装见【内置封装】章节**）：
```
//此处以Page为例
import JBoot from 'jboot-env'; //引入框架
import 'jboot-env/dist/loading.css'; //引入loading样式
export default JBoot .page({
//此处书写业务逻辑即可。
});
```
如果通过【开始使用】章节中的` options.wrap`配置项进行了自定义封装的配置，使用方式如下：
```
//此处以Page为例
import JBoot from 'jboot-env';
//此处假设已经配置了一个名为pageExtend的扩展封装。
//通过$plugins: 'pageExtend' 或 $plugins: ['pageExtend']的方式，即可使用该自定义封装，名称要与配置时的名称保持一致！
export default JBoot.page({
$plugins: 'pageExtend',
//此处书写业务逻辑即可。
});
//如果需要引入多个自定义封装，写法为：
export default Page.build({
$plugins: ['pageExtend', 'pageExtend1', ....],
//此处书写业务逻辑即可。
});
```
如果需要在该页面引入store(**内置的store有user、menus、buttons、other，具体见【内置store】章节**)，写法如下：
<br/>
注：也可引入通过【开始使用】章节中通过`storeConfig.add(name, store)`配置的自定义store，只要此处引用时的名称与配置时的名称保持一致即可！
```
//此处以Page为例
import JBoot from 'jboot-env';
//此处示例为引入的user对象。
export default JBoot.page({
$stores: 'user',
//此处书写业务逻辑即可。
methos: {
sayHi(){
//通过此方式即可使用。
alert(this.user.name);
}
}
});
//如果需要引入多个store对象，写法为：
export default JBoot.page({
$stores: ['user', 'menus'],
//此处书写业务逻辑即可。
});
```
