vue3知识点4全局注册组件/局部注册组件代码

最新推荐文章于 2024-06-03 13:25:01 发布

luanmabug

最新推荐文章于 2024-06-03 13:25:01 发布

阅读量909

点赞数

分类专栏： vue基础文章标签： vue.js 前端 html js vue

本文链接：https://blog.csdn.net/yangyangdt/article/details/122062614

版权

前言：这里是全局注册组件和局部注册组件的代码，详细解释请移步vue3组件链接看目录注册组件。

全局注册全部代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>全局注册组件</title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>
		<div id="app">
			<div>我是头部</div>
			下面是渲染的组件：
			<!-- 5.组件在父组件中的渲染位置 -->
			<tempbtn></tempbtn>
			<div>我是底部</div>
		</div>
		<!-- 1.组建的视图层 -->
		<template id="temp1">
			<h4>我是组件内容</h4>
			<