Vue.js中的嵌套组件2

Question

我正在使用Vue.js几个月，它一直在提醒webforms范例，你使用组件来制作网站或webapp，但是使用Vue.js很高兴创建这样的东西而不是整个这是与webforms的噩梦。

好吧，我的问题是，是否可以使嵌套组件只是在标记方式上定义它的父级上的某些行为。例如：

<grid prop1="somevalue" prop2="somevalue">
  <grid-column prop1="somevalue" prop2="somevalue">
    <filter-options prop1="somevalue" prop2="somevalue">
    </filter-options>
  </grid-column>
</grid>

因此，特定的网格组件具有列，并且列具有过滤选项。

不想严格依赖javascript代码。

提前致谢

编辑：只是要添加childs-component必须没有模板。他们只是将一些道具传递给父母。

Answer 1

回答你的问题

  

如果可以制作嵌套组件，只是为了在标记方式上定义其父级的某些行为

请记住您的要求：

  

不要严格依赖JavaScript代码。

答案是否定的，这是不可能的。父DOM下面的组件只能在DOM加载后将数据推送（发送）到父级。因此，如果您想要更改html，则需要推送一个会触发某些JavaScript的值。但是使用JavaScript是唯一的方法。

要实现您的要求，我认为在父组件上使用道具更有意义。你有更多的灵活性，你可以使它非常通用。