<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用props向组件传递数据</title>
</head>
<body>
<h2>使用props向组件传递数据</h2>
<div id="app">
<child message="向子组件传递的数据" ref="child1"></child>
</div>
<script src="../js/vue.js"></script>
<script>
Vue.component('child',{
props:['message'],
template:'<span>{{message}}</span>',
});
let vm = new Vue({
el:'#app'
});
</script>
</body>
</html>
vue-例5-7使用props向组件传递数据.html
最新推荐文章于 2024-10-07 09:24:46 发布