在Vue中,父组件向子组件传值都是靠属性的形式决定的

 编写如下代码:    这次用局部的形式来编写组件

4-2 父子组件的数据传递-LMLPHP

//在控制台上显示效果如下:

4-2 父子组件的数据传递-LMLPHP

 //如上,可以发现——尽管页面上的数据点击后有发生改变,可是却报了错误!!!

//原因在于,我们这样的写法直接修改了从父组件传递过来的数据  即单向数据流的概念:父组件可以向子组件传递参数(通过属性的形式传递),传递的参数可以在父组件中随意的更改;但是,子组件却不能反过来直接去修改父组件传递过来的参数,只能去用这个传递过来的内容

//修改上面的代码后,新代码如下:    可以完整的实现数据点击后值变化的效果  即定义一个data,把父组件传递过来的参数放到data中,然后再用data中的数据去引用

4-2 父子组件的数据传递-LMLPHP

 接下来,讲解一下子组件向父组件传递参数的另外一种写法:(上一章也有提及到的计数器方法)

 //代码如下:

4-2 父子组件的数据传递-LMLPHP

03-24 07:05