vue props把数据传给子组件

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: '{{ msg }}{{nihao}}{{nisha}}123',
  
    });
    var vm = new Vue({
        el: '#app1'
    })
script>

 后话

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

View Code

 

posted on 2017-02-25 14:28 木子炜培先生 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/liadmin/p/6441740.html