9-VUE局部组件的注册

最新推荐文章于 2023-03-03 11:36:56 发布

weixin_52135717

最新推荐文章于 2023-03-03 11:36:56 发布

阅读量65

点赞数

分类专栏： VUE基础语法文章标签： vue

本文链接：https://blog.csdn.net/weixin_52135717/article/details/109738408

版权

VUE基础语法专栏收录该内容

23 篇文章 0 订阅

订阅专栏

9-VUE局部组件的注册

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/vue.min.js"></script>
	</head>
	<body>
		
		<div id="app">
			<cpn></cpn>   <!-- 局部组件只可以在本身VUE实例中调用 -->
			<cpn></cpn>   <!-- 使用组件 -->
		</div>
		<div id="app1">
			<cpn></cpn>  <!-- 局部组件不可以在本身VUE实例之外的地方调用 -->
		</div>
		<script>
			const cpnC = Vue.extend({
				template:`<div>d45sa64d6sa6d4a56
				<h1>da6d46a64</h1>
				</div>`
			})  //创建构造组件
			
			
			const app = new Vue({
				el:'#app',
				data(){
					return{
						
					}
				},
				components:{
					cpn:cpnC
				}//注册组件
			})
			
			const app1 = new Vue({
				el:'#app1',
				data(){
					return{
						
					}
				}
			})
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_52135717

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
9-VUE局部组件的注册

9-VUE局部组件的注册<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.min.js"></script> </head> <body> <div id="app"> <cpn></cpn&g
复制链接

扫一扫