vue中父组件传值

2019-12-07  本文已影响0人  very_cute_girls

#父组件中引入子组件,对其定义一个mes

<v-header :mes="mes"></v-header>

#传递一个字符串过去

data() {
    return {
      mes: "这是父组件闯过去的值" 
    };
  }

#子组件接受值

export default {
  data() {
    return {};
  },
  props: ["mes"],

props可以是一个对象也可以是一个数组props中的mes就是父组件传过来的值,如果data中有相同的数据,默认是用父组件传过来的,其中,也可以传递一个方法;也可以是“this”,表示一个组件的对象

上一篇 下一篇

猜你喜欢

热点阅读