vue模板中插槽范围/作用域的用法

在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的使用方法是边肖分享的全部内容。希望能给大家一个参考，支持我们。