vue组件中props参数的应用

官方文档的代码：

Vue.component('child', {
  // camelCase in JavaScript
  props: ['myMessage'],
  template: '<span>{
  { myMessage }}</span>'
})
<!-- kebab-case in HTML -->
<child my-message="hello!"></child>

props参数是用来父传子的。

在组件定义中采用驼峰式命名法，在父组件中用“-”来中间隔开，变量“myMessage”和“my-message”其实表示的是同一个变量，在定义组件的时候要写成驼峰式命名，在父组件中要用“-”隔开，在父组件中赋值传参进入子组件。
下面举个例子：

<div id="app">
        <m-modal modal-title="提醒" v-on:on-ok="ok"></m-modal>
        <m-modal>
            <ul slot="modal-content">
                <li v-for="item of list">{
  {item}}</li>
            </ul>

            <div slot="modal-footer">
                <span>确定</span>