8-VUE全局组件的注册

weixin_52135717

于 2020-11-17 11:02:08 发布

阅读量43

点赞数

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

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

版权

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

23 篇文章 0 订阅

订阅专栏

8-VUE全局组件的注册

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- 3、使用组件	 -->
			<my-cpn></my-cpn>
		</div>
		<div id="app1">
			<my-cpn></my-cpn><!--全局组件可以在任意VUE实例中调用-->
		</div>
		<script>
			//1、创建组件构造器对象
		const cpnC = Vue.extend({
			template:'<div><h1>44as56d4sad5ad56</h1></div>'
		})
			//2、注册组件
		Vue.component('my-cpn',cpnC)
		/*全局组件，可以在多个VUE实例中使用*/
			
			
			const app = new Vue({
				el:'#app',
				data(){
					return{
						message:'你好'
					}
				}
			})
			
			
			const app1 = new Vue({
				el:'#app1',
				data(){
					return{
						
					}
				}
			})
		</script>
	</body>
</html>

weixin_52135717

关注

0
点赞
踩
0

收藏

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

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

扫一扫

专栏目录