-
父组件可以使用props把父组件的方法传递给子组件，子组件可以调用父组件的方法，并且可以传递参数，从而实现子组件往父组件传值
-
父组件可以通过props把自己(:home=this)传递给子组件，子组件接收父组件，然后可以调用父组件的属性和方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<div id="app">
<!-- 这里的msg111属性可以使用v-bind也可以不使用 -->
<my-component :msg111='msg'></my-component>
</div>
<script type="text/x-template" id="my-component">
<div>
{{msg111}}
</div>
</script>
<script type="text/javascript">
var app = new Vue({
data: {
msg: '世界，你好！'
},
components: {
myComponent: {
template: '#my-component',
//这里使用props接收属性，，是props不是prop
props: ['msg111'],
data(){
return{
}
}
}
}
}).$mount('#app')
</script>
</body>
</html>
网友评论