vue父子传值

1，父传子
父组件
1， 先在子组件上绑定，等号的左边是给子组件的 等号的右边是父组件的值
2，等号右边的属性在父组件的return里面写
3，在子组件的props里面获取
4，用的时候用==左边.属性

<template>
  <!-- 父传子  先在子组件上绑定，等号的左边是给子组件的   等号的右边是父组件的值 -->
  <Demo  :params = "name"/>
</template>
<script>
import Demo from './Demo'
export default {
  name: 'App',
  data() {
    return {
      // 值在return里面写
      name: 222
    };
  },
  components: {
    Demo
  }
}
</script>

子组件

<template>
<!-- 父组件传过来的属性 -->
    <p>{
  {params}}</p>
</template>
<script>
export default {
// 通过props获取
    props:{
    //等号的左边
        params:{
            // // 类型N，需要大写
            type: Number,
            default: 0
            // // 第二种写法
            // type: String,
            // default:"",
            // 第三种写法
            // type:Object,