vue|vue v-slot 指令
在 2.6.0 中，vue为具名插槽和作用域插槽引入了一个新的统一的语法 (即具名插槽v-slot指令)。目前slot与slot-scope这两个特性暂时还未被移除。
// 组件
Vue.component('lv-hello', {
template: `我的天呀`
})
我是头部
我是头部
具名插槽的缩写
将v-slot:替换成#号
我是头部
我是默认插槽
作用域插槽
所谓作用域插槽，就是让插槽的内容能够访问子组件中才有的数据。
Vue.component('lv-hello', {
data: function () {
return {
firstName: '张',
lastName: '三'
}
},template: `我的天呀`
})
我是头部 {{ hh.firstName }} {{ hh.lastName }}
【vue|vue v-slot 指令】我是头部 {{ hh.firstName }} {{ hh.lastName }}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show