Vue:作用域
正式介绍slot前, 需要先知道一个感念: 编译的作用域.比如父组件中有如下模板:
{{ message }}
【Vue:作用域】这里的 message 就是一个 slot, 但是它绑定的是父组件的数据,而不是组件
父组件模板的内容在父组件作用域内编译,子组件模板的内容是在子组件作用域内编译.例如下面的代码示例:
示例 - 锐客网 这里的状态 showChild 绑定的是父组件的数据,如果想在子组件上绑定,那应该是:
示例 - 锐客网 因此, slot 分发的内容,作用域是在父组件上的.
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- 【译】Rails|【译】Rails 5.0正式发布（Action Cable，API模式等）
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show