vue 全局/局部组件

最新推荐文章于 2024-05-14 11:43:17 发布

心郎

最新推荐文章于 2024-05-14 11:43:17 发布

阅读量6.7k

点赞数 1

本文链接：https://blog.csdn.net/u011301203/article/details/65445280

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		
		<!-- 全局组件简写-->
	    <div id="example1">
			<my-compoent></my-compoent>
		</div>
		<script>
			Vue.component('my-compoent',{
				template:'<div>测试1</div>'
			})
			
			new Vue({
				el:'#example1'
			})
		</script>
		
		
		<!-- 注册全局组件-->
		<div id="example2">
			<my-compoent1></my-compoent1>
		</div>
		<script>
			//创建一个组件构造器
			var myComponent = Vue.extend({
				template:'<div> 测试2</div>'
			})
			//注册全局组件： (z组件名称 组件构造器)
			//Vue.component(tagName,options)
			Vue.component('my-compoent1',myComponent)
			
			new Vue({
				el:'#example2'
			})
		</scrip

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

心郎

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue 全局/局部组件

Vue.component('my-compoent',{ template:'测试1' }) new Vue({ el:'#example1' }) //创建一个组件构造器 var myComponent = Vue.extend({ template:' 测试2' })
复制链接

扫一扫