在统软云平台上打包avm组件的经验分享
浏览：705 次
是的，AVM（app视图模型）前端组件化开发模式基于标准；Web组件组件化的思想提供了一个包括虚拟DOM和运行时的编程框架。平均值。Js和多终端统一编译工具，完全兼容Web组件标准，并兼容Vue和React语法糖来编写代码。编译工具将Vue和React相关语法sugar编译成avmJs代码。
对开发经验很容易上手。
1.组件定义和参考：nbsp；1.1使用stml定义组件/页面stml组件兼容性；Vue单文件组件（SFC）规范，它使用语义Html模板和对象化js样式来定义组件或页面。Stml最终被编译成JS组件/页面，并呈现给不同的终端。
定义组件：
//api测试。stml: ； ；&书信电报；视图class=“header”>； ； ； ； ；&书信电报；text>{this.data.title} ；<；/查看>lt；/模板>书信电报；脚本>nbsp；导出默认值｛name:“api test”，data（）｛return｛title:“Hello APP”｝ ； ； ；} ； ；}<；/脚本><；样式范围>nbsp；。标题{height:45px；}<；/样式>；1.2部件Reference://app索引stml: ； ；&书信电报；视图class=“app”>； ； ； ； ； ；&书信电报；img src=“./assets/logo.png”/>； ； ； ； ； ；&书信电报；api测试><；/api测试>nbsp；<；/查看>lt；/模板><；脚本>nbsp；导入'./组件/api测试。stml公司nbsp； ； ； ；导出默认值｛name:“app索引”，数据：函数（）｛return｛title:“Hello app”｝ ； ； ；} ； ； ；} ；<；/脚本>书信电报；样式>nbsp； ；。app｛text align:center；margin-top:60px；}和lt；/style>2.props方法用于将值传递给子组件。这里用一个例子来说明。
定义子组件并在props中注册标题属性：
//api测试。stml: ；&书信电报；text>｛title｝<；/模板><；脚本>nbsp；导出默认值｛name:‘api-test‘，props:｛title:String｝ ； ；}<；/script>此处定义的标题属性类型是String，包括String、Number、Boolean、Array、Object、Function等。
nbsp；2.1在其他组件上使用子组件时传递静态值pages://app索引stml: ； ；&书信电报；查看>nbsp； ； ； ；&书信电报；api测试title=“您好app！”>；<；/api测试><；/view><；/template><；脚本>导入'./components/api测试.stml'导出默认值｛
