<body>
<script src="../libs/vue.js"></script>
<div id="app">
<com1>
<h2 slot="one">张三</h2>
<h2 slot="two">欢迎来到Vue的世界</h2>
</com1>
</div>
<template id="temp1">
<div>
<!--插槽-->
<slot name="one"></slot>
<h2>你好</h2>
<slot name="two"></slot>
</div>
</template>
<script>
Vue.component('com1', {
template: '#temp1',
})
var app = new Vue({
el: '#app',
data: {
message: '',
},
})
</script>
Vue 2.6.0 以前Vue 2.6.0 以后具名插槽 slot具名插槽 v-slot作用域插槽 slot-sc...
默认插槽：jsx: 具名插槽： App.vue
vue插槽slot的理解与使用 vue slot插槽的使用介绍及总结
vue中的插槽————slot 什么是插槽？ 插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定...
1.插槽 1.1匿名插槽 52-Vue组件-匿名插槽 ...
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的...
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的...
单个插槽 | 默认插槽 | 匿名插槽首先是单个插槽，单个插槽是vue的官方叫法，但是其实也可以叫它默认插槽，或者与...
本章我们将了解到的是vue3中常用插槽的使用； vue3中的插槽是在用的时候和vue2的区别略有不同，常见插槽使用...
vue 插槽手册 深入理解vue中的slot与slot-scope 插槽的使用其实是很简单首先要明白插槽是使用在子...
本文标题：Vue 插槽
本文链接：https://www.haomeiwen.com/subject/cjpqtrtx.html
网友评论