Vue 学习之路之slot
来源:互联网 发布:java jxl jar包下载 编辑:程序博客网 时间:2024/05/10 01:17
如何理解Vue.js的组件中的slot
个人学习记录文章请勿回复
slot的意思是插槽,想想你的电脑主板上的各种插槽,有插CPU的,有插显卡的,有插内存的,有插硬盘的,所以假设有个组件是computer,其模板是
<template>
<div>
<slotname="CPU">这儿插你的CPU</slot>
<slotname="GPU">这儿插你的显卡</slot>
<slotname="Memory">这儿插你的内存</slot>
<slotname="Hard-drive">这儿插你的硬盘</slot>
</div>
</template>
那么你要攒一个牛逼轰轰的电脑,就可以这么写:
<template>
<computer>
<div slot="CPU">Intel Core i7</div>
<div slot="GPU">GTX980Ti</div>
<div slot="Memory">Kingston 32G</div>
<div slot="Hard-drive">Samsung SSD 1T</divt>
</computer>
</template>
是不是很easy!
作者:彭金金
链接:https://www.zhihu.com/question/37548226/answer/92201117
阅读全文
0 0
- Vue 学习之路之slot
- vue.js之slot
- Vue之slot内容分发
- Vue之slot分发内容
- vue之组件 slot内容分发
- vue 学习之路
- Vue学习之路
- Vue学习之路
- 使用Vue开发网站之路3-slot内容分发实现基础表单,衍生表单
- Vue.js的组件(五)分发 之 单个Slot
- Vue.js的组件(六)分发 之 具名Slot
- VUE 的学习之路
- Vue学习之路-1
- vue学习之vue-resource
- VUE学习之指令
- Vue学习之第一章
- Vue学习之computed
- vue学习之路(一)--vue-cli安装+vue-router+vue-resource
- Maven整合Spring4和Hibernate5
- 剑指offer——孩子们的游戏(圆圈中最后剩下的数)(n种解法比较)
- 动态调节ZigBee终端节点POLL频率的应用
- 数据类型--隐式类型转化
- Linux下的可重入函数与线程安全
- Vue 学习之路之slot
- Android扰码注意问题-Throwable
- GitHub/GitLab 同时创建 SSH Key
- git:代码改完了才发现分支错了,怎么办?
- GCD(四) ---- dispatch_apply、dispatch_barrier
- AutoResetEvent和ManualResetEvent的實例分析
- Ubuntu下安装Oracle JRE运行环境
- phpcms_V9任意文件上传poc
- linux常用操作(更新中)