vue.js插槽的定义和使用

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="xiaonaihu" />
		<meta name="generator" content="HBuilder X" />
		<title>插槽的定义和使用title>
		<script src="../../lib/vue.js" type="text/javascript" charset="utf-8">script>
	head>
	<body>
		
		<template id="cpn">
			<div>
				<h2>
					children component
				h2>
				<slot>slot>
				
			div>
		template>
		
		<div id="app">
			
			<cpn><button>插槽，按钮button>cpn>
			<cpn><p>插槽，内容p>cpn>
		div>
	body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

相关阅读:
Java开发学习(十二)----基于注解开发依赖注入
破除“数据孤岛”新策略：Data Fabric（数据编织）和逻辑数据平台
【数据结构】用堆排序解决TOPK问题
17.1 隐藏执行CMD命令
h0206. 区间选点
virtuoso 后仿 ADE L error
UOS/Linux的root权限下启动一个带界面的程序
循环结构的运用
要闻 | 自然资源部实景三维建设与城市精细化治理工程技术创新中心揭牌仪式暨第二季度工作推进会顺利召开
Yarn资源调度器

原文地址：https://blog.csdn.net/weixin_55804957/article/details/128156126