草庐IT

javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别？有哪些场景比较适合？

coder 2024-07-28 原文

在过去的四个月里，我和一个队友一直在 Aurelia 中构建应用程序，他和我一直在以这两种不同的方式创建和使用组件。我想保持一定的一致性并将所有内容更改为两种样式中的一种，但我不知道哪一种更适合或更适合我们的需求。

我选择使用 <compose>因为对我来说它感觉更干净并且适合我遇到的每一个需求，但如果使用自定义元素客观上更好，我想切换到那个。

例如:

(他的 View 模型:)

import { bindable, bindingMode } from 'aurelia-framework';

export class HisWay {
  @bindable({ defaultBindingMode: bindingMode.twoWay }) data;
}

(他的观点:)

<require from="./his-way"></require>
<his-way data.two-way="myModel" containerless></project-name>

(我的 View 模型:)

export class MyWay {
  activate(model) {
    this.model = model;
  }
}

(我的观点:)

<compose view-model="./my-way" model.bind="myModel" containerless></compose>

我是否需要改变，如果不需要，我可以用什么理由来说服他使用我一直使用的相同样式？

最佳答案

尽可能使用自定义元素方法。

Compose 目标动态场景。如果你的<compose>元素的 view和 view-model属性值是静态的(非数据绑定(bind))您可能应该使用自定义元素，原因如下所述。

可移植性:自定义元素更易于移植，因为它们具有更高程度的封装。自定义元素的模板无法访问外部范围，所有数据必须通过 @bindable 传入特性。这与 <compose> 形成对比，它允许访问外部范围，这使得很容易变得马虎并对将使用组合 View 的环境做出假设。

特性:自定义元素比 <compose> 具有更多特性元素。模板部件/插槽(包含)、可绑定(bind)属性、通过 globalResources 进行“全局化”的能力等等。

重用:当小部件封装在自定义元素中并通过 globalResources 全局化时，团队可以更容易地重用小部件。 .团队可以简单地写 <mega-widget ...></mega-widget>而不是必须记住 mega-widget.html 的相对路径和 mega-widget.js并写一个有效的 <compose view="..." view-model="..."></compose>表达。

更适合:您创建数据输入小部件的任何用例都确实需要自定义元素。使用货币自定义元素要容易得多 - 例如:<currency value.bind="unitCost"></currency>而不是尝试使用 <compose> 获得类似的结果.不确定您将如何真正完成它。

CSS:使用 CSS 选择器定位自定义元素比特定的组合元素实例更容易。 mega-element { display: block; ... }

https://www.danyow.net/aurelia-custom-element-vs-compose/

关于javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别？有哪些场景比较适合？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38886074/

ampmy-elementcode自定composejavascriptaureliaaurelia-templating

有关javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别？有哪些场景比较适合？的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

    我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据，就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理？我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题；这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML，但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中，将我的XML代码修改为

  4. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  5. ruby - Ruby 的 Hash 在比较键时使用哪种相等性测试？ - 2

    我有一个围绕一些对象的包装类，我想将这些对象用作散列中的键。包装对象和解包装对象应映射到相同的键。一个简单的例子是这样的:classAattr_reader:xdefinitialize(inner)@inner=innerenddefx;@inner.x;enddef==(other)@inner.x==other.xendenda=A.new(o)#oisjustanyobjectthatallowso.xb=A.new(o)h={a=>5}ph[a]#5ph[b]#nil,shouldbe5ph[o]#nil,shouldbe5我试过==、===、eq?并散列所有无济于事。

  6. ruby-on-rails - rspec should have_select ('cars' , :options => ['volvo' , 'saab' ] 不工作 - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request

  7. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  8. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que

  9. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  10. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

随机推荐