在Vue中,父组件向子组件传值都是靠属性的形式决定的
编写如下代码: 这次用局部的形式来编写组件
//在控制台上显示效果如下:
//如上,可以发现——尽管页面上的数据点击后有发生改变,可是却报了错误!!!
//原因在于,我们这样的写法直接修改了从父组件传递过来的数据 即单向数据流的概念:父组件可以向子组件传递参数(通过属性的形式传递),传递的参数可以在父组件中随意的更改;但是,子组件却不能反过来直接去修改父组件传递过来的参数,只能去用这个传递过来的内容
//修改上面的代码后,新代码如下: 可以完整的实现数据点击后值变化的效果 即定义一个data,把父组件传递过来的参数放到data中,然后再用data中的数据去引用
接下来,讲解一下子组件向父组件传递参数的另外一种写法:(上一章也有提及到的计数器方法)
//代码如下: