组件之间的传值及效验

组件之间的传值

一、父组件给子组件传值

第一步：
在父组件的模板上调用子组件，并在这个子组件的标签上定义一个自定义属性，让这个自定义属性等于一个父组件定义过的属性或变量，也就是你想要传递过去的数据项，
注意：这里你在定义传递过去的参数时注意是否需要动态获取，当加冒号，也就是v-bind：时，表示接收的是一个变量，如果是普通的字符串的话，就不需要加动态获取

 template: `<div>父组件  <son :fnum="farnum"></son></div>`,
data() {
   
    return {
   
        farnum: 2,
           }
      },

第二步：
在子组件上使用props方法进行数据接收，这个方法和定义的methods等为同级，这里接收的是自定义属性，现在这个属性可以直接在子组件中使用，如：{ {fnum}}在页面渲染等等

 data() {
   
         return {
   
             sonnum: 200
         }
           },
props