<!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>
vue的父子构造器
最新推荐文章于 2021-09-26 11:54:16 发布