随笔分类 -  组件化高级

4.作用域插槽的使用
摘要：<body> <div id="app"> <cpn></cpn> <cpn> <template v-slot="slot"> <span> {{ slot.data.join("-") }} </span> <!-- 拿到slot插槽里面的data 也就是pLanguages数组 把这个数组用分 阅读全文
posted @ 2020-12-29 15:42 闭上耳朵 阅读(143) 评论(0) 推荐(0)
3.什么是编译作用域
摘要：<body> <div id="app"> <!-- 编译作用域就是 如果父组件模板 和 子组件模板 同时有 v-show指令 父组件模板只会找VUE实例里面的数据 子组件模板只会找子组件里面的数据 --> <cpn v-show="isShow"></cpn> </div> <template i 阅读全文
posted @ 2020-12-29 15:40 闭上耳朵 阅读(168) 评论(0) 推荐(0)
2.具名插槽使用
摘要：<body> <div id="app"> <cpn> <span slot="center">标题</span> </cpn> <cpn> <button slot="left">下一步</button> </cpn> </div> <template id="cpn"> <div> <!-- 如 阅读全文
posted @ 2020-12-29 15:39 闭上耳朵 阅读(111) 评论(0) 推荐(0)
1.插槽slot基本使用
摘要：<body> <div id="app"> <cpn> </cpn> <cpn> <b style="color: red;"> 火星情报局 </b> </cpn> <cpn> <em style="font-size: 12px;"> 我是斜体 </em> </cpn> </div> <templ 阅读全文
posted @ 2020-12-29 15:38 闭上耳朵 阅读(389) 评论(0) 推荐(0)