Vue.js中如何详细理解作用域与slot（单slot与具名slot）的使用？

本文共计1204个文字，预计阅读时间需要5分钟。

作用域+在介绍slot前，需要先了解一个概念：编译的作用域。例如，父组件中有如下模板：

+ child-component+{{message}}child-component这里的message就是一个slot，但它绑定的是父组件的数据，而不是子组件自己的数据。

作用域

在介绍slot前，需要先知道一个概念：编译的作用域。比如父组件中有如下模板：

<child-component> {{message}} <child-component>

这里的message就是一个slot，但是它绑定的是父组件的数据，而不是组件< child-component >的数据。

父组件模板的内容是在父组件作用域内编译，子组件模板的内容是在子组件作用域内编译。