appboard

功能介绍

eeui默认采用的分包模式，即一个页面一个vue，这样做的缺点是，共有的js会被添加进每一个vue里面假设有100个页面，共有js的体积是100kb，那么最终编译的体积是100x100=10000kb,现在采用appboard，共有js有native拼接引入，如此一来，共有js不再编译到每一个vue里面，最终体积变成了100x1=100kb

使用说明

只要将js文件放置src/appboard/目录下即可，例如：src/appboard/common.js 如果在js文件后缀之前加上.dev表示只有开发环境引用，例如：src/appboard/console.dev.js

# 建议参考

建议在appboard中使用混合（Minins）方式使用对象函数，例如src/appboard/common.js中代码如下：

var eeui = app.requireModule('eeui');
Vue.mixin({
    methods: {
        tishi(str) {
            eeui.toast(str);
        }
    }
});

那么接下来在vue页面中只需要使用this.tishi(xxx)即可：

<template>
    <div class="app">
        <text @click="clickDemo">点击demo</text>
    </div>
</template>
<script>
    export default {
        methods: {
            clickDemo() {
                this.tishi("点击到了")
            },
        }
    };
</script>

在 GitHub 上编辑此页

最后一次更新: 8/11/2019, 12:51:51 AM

← 跨页面通信 应用图标 →