如何高效封装跨端开发框架avm组件，提升组件复用性和开发效率？

本文共计1694个文字，预计阅读时间需要7分钟。

目录+引言+1. 组件的定义和应用：1.1 使用HTML定义一个组件+1.2 组件的引用+2. 向子组件传递值：2.1 在其他页面使用子组件时传递静态值+2.2 通过数据绑定传递动态值+3. 监听子组件事件

目录

• 引言
• 1.组件的定义和引用：
• 1.1 使用stml定义一个组件 / 页面
• 1.2 组件引用：
• 2.向子组件传值
• 2.1 在其它页面使用子组件时传递静态值：
• 2.2 通过数据绑定传递动态值：
• 3.监听子组件事件**
• 4. 声网组件实例

引言

avm.js 是一个跨端开发框架，AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

有Vue和React开发经验的很容易上手。