每一个组件都是被vue对象扩展的实例,组件实例的作用域是孤立的,如果组件template是在外面定义的,里面有多个标签一定要加一个div,不然总是报错让你加一个root template,这是我刚学习vue的时候总是忘记做的事,代码就想下图一样:
接下来说一下父组件向子组件传递数据,在父组件里面定义的data一定是个函数,返回它的数据,然后在子组件里面对props属性设置一个值用来接收父组件的数据,具体代码如下:
每一个组件都是被vue对象扩展的实例,组件实例的作用域是孤立的,如果组件template是在外面定义的,里面有多个标签一定要加一个div,不然总是报错让你加一个root template,这是我刚学习vue的时候总是忘记做的事,代码就想下图一样:
接下来说一下父组件向子组件传递数据,在父组件里面定义的data一定是个函数,返回它的数据,然后在子组件里面对props属性设置一个值用来接收父组件的数据,具体代码如下:
本文标题:vue2.x的props属性
本文链接:https://www.haomeiwen.com/subject/wegxgxtx.html
网友评论