vue 组件注册、调用及组件传参

----我们先来学会如何引用一个组件：

        假设我们在views下有一个vue页面:

        

          在components下有一个组件:

          

          这是组件里的内容：

          

          然后我们在页面text.vue中实现这三步即可完成组件的调用。

          

           最后，页面显示结果：

           

 注：
      引入组件语法：

 import '组件对象' from '文件路径'

        注册组件语法：

components：{

       '组件名'：'组件对象' 

 }

（ 注册组件时会为组件对象起一个组件名，调用组件的时候其实也是将组件名以标签的形式使用的组件，如果组件名和组件对象相同，可直接简写。例如："test":test 可直接简写为test ）

-----好了，这样我们就已经学会如何引用一个组件了；
接下来，我们学习一下组件之间的传参：

a组件引用b组件，a就是父组件，b就是子组件；谁引用，谁就是父组件，被引用的就是子组件。

| 父组件向子组件传参 |

      1. 首先，在父组件中，把想传给子组件的值定义一个属性名；在组件标签中以 :属性名='属性值' 的方式传递给子组件。（子组件接收的其实是属性名，这里习惯属性名属性值相同的名称。）

        2. 然后在子组件中，我们用props来接收父组件传递过来的参数，父组件定义的属性名为content，所以子组件接收的参数名为content；还可以为参数定义类型和默认值。

        3.  然后我们在mounted里打印一下content，可以看到已经将值传递过来了。

         4. 这样，就完成了父组件向子组件传参的过程。

| 子组件向父组件传参 |

     1. 子组件向父组件传参，在子组件中利用 this.$emit("自定义方法名"，"需要传递的值") 来传参即可。

       2. 然后在父组件中接收子组件传递过来的事件，并在事件中定义一个自定义方法，通过自定义方法即可接收传递过来的值。

        3. 打印e的结果为：

 

         4. 这样，就完成了子组件向父组件传参的过程。