Vue.js中作用域和slot用法（单具名）如何深入理解？

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

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

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

作用域

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

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

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

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