父组件调用子组件

    1 在父组件的子组件标签上写上ref属性 ref="child"

    2 然后通过 ( this.$refs.child.xxxFn()  ) this.$refs.child 调用子组件的相应方法

 子组件调用父组件

    1 在父组件的子组件标签上写上，比如@childFn="fatherFn"进行事件绑定

    2 在父组件的methods里面实现fatherFn方法

    3 在子组件里使用 this.$emit('childFn',参数)来调用父组件的fatherFn方法就行了
           

单参数的时候：fatherFn接收到的第一个参数就是，子组件传过来的那个参数。
多参数的时候：fatherFn接收到的argumnets参数是一个数组，内容是子组件传来的多个参数

父子组件有两种写法。

HTML。只需要一个文件即可实现父子组件。

并不提倡使用，学了没有什么意义。

vuejs  webpack下的文件需要路由。视图和vue文件

实现上图的效果。首先需要在文件中增加路由。然后创建一个父文件和一个子文件。