vuejs组件之slot内容分发实例详解
来源:互联网 发布:四方麻将 河南软件 编辑:程序博客网 时间:2024/06/05 14:15
Slot分发内容
①概述:
简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的活。
②默认情况下
父组件在子组件内套的内容,是不显示的。
例如代码:
显示内容是一个button按钮,不包含span标签里面的内容;
③单个slot
简单来说,只使用这个标签的话,可以将父组件放在子组件的内容,放到想让他显示的地方。
例如这样写的话,结果是:
<button><span>12345</span>为了明确作用范围,所以使用button标签</button>
即父组件放在子组件里的内容,插到了子组件的<slot></slot>位置;
注意,即使有多个标签,会一起被插入,相当于用父组件放在子组件里的标签,替换了<slot></slot>这个标签。
了解更多: http://www.jb51.net/article/92289.htm
阅读全文
0 0
- Vuejs组件之slot内容分发实例详解
- vuejs组件之slot内容分发实例详解
- Vuejs组件——slot内容分发
- Vuejs组件——slot内容分发
- vue之组件 slot内容分发
- Vuejs——(11)组件——slot内容分发
- Vuejs——(11)组件——slot内容分发
- Vue之slot内容分发
- Vue之slot分发内容
- vue组件——slot分发内容
- Slot分发内容
- vue slot内容分发
- vue slot 内容分发
- 常用js框架之vue.js(深入四:组件2,slot内容分发,编译作用域,动态切换组件)
- Vue.js的组件(五)分发 之 单个Slot
- Vue.js的组件(六)分发 之 具名Slot
- vue 使用Slot 分发内容
- vuejs组件开发之手风琴菜单组件实例
- Vue——计算属性和属性监听
- 新手初学JSP的遇到的问题
- 一种优秀的放置枚举的编码方式
- 杭电1000 A + B Problem
- IP网络协议
- vuejs组件之slot内容分发实例详解
- 5. Longest Palindromic Substring
- BZOJ 2210: Pku1379 Run Away 模拟退火
- 杭电1001 Sum Problem
- 算法笔记:使用栈实现汉诺塔(Hanoi)经典算法
- 垃圾收集与分配策略——(三)HotSpot的算法实现
- Java注解
- QWT的配置和使用(1)
- java递归浅析合并排序