在vue 2.5.0中,插槽范围取代了范围
模板的用例是,我们已经打包了一个构建、保留槽和已用槽
首先,我们必须创建一个编队
队形很简单。有一个槽。插槽有两个属性:A=123和B=MSG
模板div下面是一个槽/div槽a=' 123 ' b=' msg '/槽/div/模板。接下来,我们介绍一个构建并使用它。引入的构建名为mysolt。
然后使用模板和作用域/槽作用域。
Div mysolt模板作用域=' msg' div下面是solt/div div { { msg } }/div div { { msg }的道具调用。a}}/div div {{msg。b}}/div/template/mysolt/div渲染如下:
事实上,模板通过作用域/槽-作用域属性调用构建槽的属性,从而通过调用构建属性实现复杂的嵌套。
在示例中,我使用msg来重命名slot的属性对象,即{a:'123 ',b:'msg'}其msg是slot,因此我可以使用msg来使用模板中slot的属性
(注意:如果当前图层中有数据声明了msg,则不会相互干扰,模板的msg以slot为准)
如果我给当前数据赋予msg={c:111},渲染如下:
Div {{msg。c}}/div mysolt模板作用域=' msg' div以下是msg/div { { msg } }/div div { { msg。a}}/div div {{msg。b}}/div div {{msg。c}}/div/template/mysolt
上述vue模板中slot-scope/scope的使用方法是边肖分享的全部内容。希望能给大家一个参考,支持我们。