vue的父子构造器

最新推荐文章于 2024-06-05 14:16:30 发布

liu1992452008

最新推荐文章于 2024-06-05 14:16:30 发布

阅读量226

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78594315

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<script type="text/javascript" src="vue1.0.25.js" ></script>
	</head>
	<body>
		
	
		<div id="app">
			
                 <parent></parent>
                 <child></child>
                
                 
		</div>
		
		<script type="text/javascript">
			//创建子组件构造器
		
			let child1= Vue.extend({
				template:'<img src="04表单提交/img/ad.png"/>'
			})
			let child2=Vue.extend({
				template:'<img src="04表单提交/img/bg.jpg" alt="" />	'
			})
			
			//创建一个父级的组件
		Vue.component('child' ,child1)
    Vue.component('parent' ,{components:{
    	'my-child1':child1,
    	'my-child2':child2
    },
    template: '<div><my-child1></my-child1><my-child2></my-child2></div>'
   
    })
			new Vue({
				el:'#app'
				
				
    	
			})
			
		</script>
	</body>
</html>