vue 中父子组件中传值的另一种方式：props

vue中的另一种传值方式 props

长话短说，看代码：

1. 首先我们在父页面中定义一个变量：

export default {
  name: 'message',
  data () {
    return {
      param:1
    }
  },

2. 之后就可以在子节点中使用父节点定义的参数：

export default {
  name: 'gossip-header',
  props:['param'],
  computed:{
    title(){
       return this.param==1?'第一位':this.param==2?'第二位':'其他'
    },
    sayBye(){
       return this.param==1?'嗨':this.param==2?'哈喽':'好啊油'
    }
  },

3. 页面中的使用：

     <div>论文标题：{{title}}</div>
     <div class="cursor" :class="{'bye':param==1}">{{sayBye}}</div>

至此调用完毕。如有疑问，下方留言