父传子
props
- 在子组件中新增一个props属性；并在对应的地方用v-bind绑定
- 有两种方式：
- 字符串数组，数组中的字符串就是传递时的名称
- 对象，对象可以设置传递时的类型，也可以为默认值
- props传值需要在所用的组件标签后v-bind值
<body>
<div id = 'app'>
<cpn :cmovies="movies" :cmessage="message"></cpn>
</div>
<template id = "cpn">
<div>
<ul>
<li v-for="item in cmovies">{
{item}}</li>
</ul>
<p>{
{cmessage}}</p>
</div>
</template id>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data:{
movies:['海王', '海贼王', '海尔兄弟'],
message:'你好啊！',
},
components:{
cpn:{
template:
最低0.47元/天 解锁文章
320
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
