webpack + vuejs中如何实现父组件实时改变子组件中的数据

webpack + vuejs中如何实现父组件实时改变子组件中的数据财富值75

2016-10-11 08:15发布

7条回答

1楼 · 2016-10-11 08:27.采纳回答

export default{
el:"body",
data:function(){
return {filter:}},
components:{list}
}

2楼-- · 2016-10-11 08:16

嗷,你这个父组件还忘了引入子组件啊.
通常是
import list from "./list",

3楼-- · 2016-10-11 08:25

你对一下，看看哪儿出问题了。

4楼-- · 2016-10-11 08:23

子组件通过prop接受父组件的属性就可以即时绑定了

5楼-- · 2016-10-11 08:13

父组件要定义数据filter啊
el:"body"
data:function(){
return {filter:}}

6楼-- · 2016-10-11 08:12

利用props进行父子组件通讯需要注意这些地方。
1，父组件需要定义数据
2，在子组件的挂载点上使用props,需要考虑使用情况，单向，多向，单次等。
3，子组件中使用props接受数据，参数格式有两种，数据类型和［‘数据名称’］

7楼-- · 2016-10-11 08:23

其实直接用官方的webpack模板,直接修改app.vue和子组件.vue就是了

webpack + vuejs中如何实现父组件实时改变子组件中的数据财富值75