vue props把数据传给子组件

<template>
  <div id="app1">
    <child msg="hello!"></child>
     <child nihao="hello1!"></child>
     <child nisha="hello2!"></child>
  </div>
</template>
<script>
 Vue.config.debug = true;
    Vue.component('child', {

        props: ['msg','nihao','nisha'],

        template: '<span>{{ msg }}{{nihao}}{{nisha}}123</span>',
  
    });
    var vm = new Vue({
        el: '#app1'
    })
</script>

 后话

在props 中传入多个数据是，如果在父组件的模板类添加其他元素或者字符会有：
1-在最前面加入—每个子组件渲染出来都会在其前面加上
2-在最后面加入—每个子组件渲染出来都会在其后面加上
3-在中间加入—他前面子组件后面加上，后面的子组件后面加上