vue组件之间的参数传递

组件是什么

首先组件 (Component) 是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。 但不是所有情况下都能利用组件，比如：table下组件无效 ，只能通过is属性使用组件（这部分有兴趣的人可以去查一下）

那么组件与组件之间如何传参呢

一、父组件给子组件传参

1. 首先子组件定义

name: my-component,
       data () {
   
           return {
   
             image_host: this.ImageHost
             }
       },
       props () {
   
           ImageHost(v) {
   
                  if(v) {
   
                        this.image_host = v
                 }
             }
       },
      watch () {
   
           ImageHost(v) {
   
                  if(v) {
   
                        this.image_host = v
                 }
             }
       },

1. 父组件定义

1）父组件需要引入子组件

		components: {
   my-component},
        data () {
   
            return {
   
              image: 'Welcome'
              }
        }

2）vue使用组