<!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">
<my-div message='今天天气好晴朗,处处好风光,好风光' imgsrc='04表单提交/img/jj.png'></my-div>
<my-div message='xxxxxxxxxxxxxx' imgsrc='04表单提交/img/bg.jpg'></my-div>
</div>
<template id="my_div" >
<div id="">
<h1>{{message}}</h1>
<img :src="imgsrc" alt="" />
</div>
</template>
<script type="text/javascript">
// Vue.component('child' ,child1)
Vue.component('my-div',{template:'#my_div',props:['message','imgsrc']
})
new Vue({
el:'#app'
})
</script>
</body>
</html>
vue的主键和子主键的传播props
最新推荐文章于 2022-09-06 15:28:01 发布