@o2oa/oovm NPM

O2OA Web框架

一个前端框架。

创建第一个应用

安装

npm install @o2oa/oovm

创建组件

在src目录下创建一个app.js:

import {component} from '@o2oa/oovm';

export default component({
    template: '<div>{{$.msg}}</div><input oo-model="msg" />',
    style: '.div{color: red;}',
    
    bind(){
        return {
            msg: '输入框的值'
        }
    }
});

创建index.html

在项目目录中创建index.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>o2oa-ui</title>
    </head>
    <body>
        <div id="app"></div>
        
        <script type="module">
            import app from './src/app.js';
            app.render('#app');
        </script>
    </body>
</html>

在Web服务器中查看index.html。

@o2oa/oovm @o2oa/util @babel/runtime-corejs3

@infinitebrahmanuniverse/nolb-_o2 @everything-registry/sub-chunk-674 @o2oa/web

1 year ago

1 year ago

1 year ago

1 year ago