Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js中的嵌套组件_Javascript_Components_Vue.js - Fatal编程技术网

Javascript Vue.js中的嵌套组件

Javascript Vue.js中的嵌套组件,javascript,components,vue.js,Javascript,Components,Vue.js,我很难创建嵌套组件,其中每个层都包含模板: <wizard> <step name="first">Do this step first!</step> <step name="second">This should follow</step> </wizard> 先做这一步! 这应该随之而来 (完整示例:) 我只让模板为父组件或子组件工作,从不同时为两者工作 如果父组件没有模板并且与一起使用,则会评

我很难创建嵌套组件,其中每个层都包含模板:

<wizard>
    <step name="first">Do this step first!</step>
    <step name="second">This should follow</step>
</wizard>

先做这一步!
这应该随之而来
(完整示例:)

我只让模板为父组件或子组件工作,从不同时为两者工作

  • 如果父组件没有模板并且与
    一起使用,则会评估子组件(及其模板)(如中所示)
  • 如果父级包含模板(即使带有特殊标记
    ),则不会插入/计算子组件

这可以在vue.js中解决吗?

否。
内联模板
意味着您可以在那里定义内联模板:

当此参数存在时,组件将使用其内部内容作为模板,而不是转换内容。这允许更灵活的模板创作


您可以这样做:

如果您使用的是最新的vue.js版本(撰写本文时为1.0.26),那么您的问题是使用
,因为语法已更改为


它不能解决吗?这让我有点哭泣:-(我知道我可以按照您展示的方式编写,但是我喜欢将其视为组件内部的标记必须向“外部”世界公开。我相信这是您的问题:“转包的内容在父组件的范围内编译,而不是在子组件的范围内”。